VPF::Перестает работать слайдер после AJAX запроса

Treod

Дата 16.10.2012, 18:15 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 21.11.2007

Репутация: нет
Всего: 2

Приветствую. Помогите пожалуйста решить проблему.

Есть JS-слайдер. Подгружаю туда контент с помощью функции .load() Jquery. И после этого слайдер перестает работать.

Aliance

Дата 16.10.2012, 18:16 (ссылка)

(голосов:1)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Ошибка в 3 строке, 5 символе! smile

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Treod

Дата 16.10.2012, 18:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 21.11.2007

Репутация: нет
Всего: 2

PHP код:

Код


if (isset($my_id_page)) {
        query_posts('post_type=page&post_parent='.$my_id_page); if (have_posts()) while (have_posts()) : the_post();
            echo '<div class="slide">';
            echo 'test';
            echo '</div>';
        endwhile; wp_reset_query();
    }

JS код:

Код


$('#slides').load(template_url, {mytype: "slides", art_id: art_id});

HTML:

Код


<div id="slides">
        <div class="slide">
            text
        </div>
        <div class="slide">
            text
        </div>
</div>

Aliance

Дата 16.10.2012, 18:43 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

А инициализация слайдера как делается?

Добавлено через 18 секунд
Да и в общем-то в целом, какой плагин используется? Их же сотни...

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Treod

Дата 16.10.2012, 18:46 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 21.11.2007

Репутация: нет
Всего: 2

Плагин используется SlidesJS. (http://www.slidesjs.com/)

Инициализация:

Код


<script>
            $(function(){
                $("#slides").slides();
            });
        </script>

Aliance

Дата 16.10.2012, 18:58 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Стоит попробовать реинициализировать слайдер после загрузки:

Код


$('#slides').load(template_url, {mytype: "slides", art_id: art_id}, function() {
    $("#slides").slides();
});

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Treod

Дата 16.10.2012, 19:08 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 21.11.2007

Репутация: нет
Всего: 2

Пробовал так делать, к сожалению не помогло.

Aliance

Дата 17.10.2012, 10:06 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

По ссылке что вы дали, вроде как другая разметка. Попробуйте использовать аналогичную.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Treod

Дата 17.10.2012, 12:09 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 21.11.2007

Репутация: нет
Всего: 2

Решил вопрос следующим образом:

Код


$('#slides').load(template_url, {mytype: "slides", art_id: art_id}, function() {
            $("#slides").slides("destroy");
            $("#slides").slides({
                responsive: true,
                height: "400"
            });
        });

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »