2

Страница сайта. На ней расположена листалка, написанная на JS. С помощью JQ я вмешиваюсь в верстку этой листалки и добавляю свои элементы. При листании листалка обновляется, и все мои украшения слетают.

Я всучил в метод листания свою функцию, и она исправно выполняется после листания, НО эта листалка не 1 раз обновляется, она:

  • обновляется;
  • листается;
  • выполняет мою функцию;
  • снова обновляется (удаляя всё, что я сделал своей функцией в предыдущем пункте)

Вопрос: как мне отслеживать, что все JS выполнены на странице, чтобы выполнить свою функцию?

Страница не обновляется, поэтому $(document).ready не прокатывает.

6
  • как насчет внести изменения в саму листалку?
    – iKuzko
    16 авг 2012 в 11:01
  • Это не тот случай, когда надо просто использовать setTimeout(). Извините, если невнимательно вопрос прочитал.
    – ivkremer
    16 авг 2012 в 11:03
  • мне в голову приходит только идея использования [.promise()](http://api.jquery.com/promise/)
    – Spectre
    16 авг 2012 в 11:03
  • Можно ссылку на листалку и ваш код?
    – ling
    16 авг 2012 в 11:08
  • 1
    Я думаю, стоит в дебагере (например хромовском) посмотреть как ведет себя скрипт и уже посмотрев, узнав в чем проблема, пытаться что-то править. 16 авг 2012 в 14:31

4 ответа 4

1

Оберни листалку в div и помести свои элементы непосредственно в него.

0

Ну создайте какую-нибудь глобальную переменную и в ней сохраняйте.

1
  • Можно пример, не пойму как это?
    – trec
    16 авг 2012 в 11:27
0

Самый простой способ было бы написать свою листалку и не мучаться.

А теперь серьёзнее. К сожалению, инструмента, следящего за выполнением пользовательских скриптов, нет, кроме, естественно, дебаггера.

Как вариант, можно отдебажить код листалки, и просто вставить свою функцию в то место, которое обновляет её в самом конце. Тогда не надо следить за ней через setTimeout().

Еще один странный способ отследить Вашу листалку - следить за изменениями в DOM, в любом случае при обновлении выполняется вставка новых/удаление старых элементов. Для этого в "хороших" браузерах существует MutationObserver(), и его полифиллы, после не очень удачной попытки создать специальные события, это оказалось вполне рабочей штукой. Он позволяет как раз таки узнать, когда произошло ваше изменение. Приведу пример:

Сначала создадим объект MutationObserver:

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        console.dir(mutation); //объект с изменениями
        isLastUpdate() && updateListalka(); // если это то самое последнее обновление, то применим Вашу функцию
    });    
});

Затем, чтобы эта прелесть заработала, скажем интерпретатору, чтобы "слежение началось":

observer.observe(
    listalka,
    {
        childList: true,
        subtree: true
    }
);

Первым аргументом мы передаем объект DOM, за которым нужно следить, вторым то как мы будем следить. В данном случае мы будем следить за вставкой/удалением элементов в childList листалки (childList: true), а так же за изменениями у всех потомков (subtree: true). Если нужно следить еще и за атрибутами, тогда можно написать attributes: true. Узнать все параметры можно здесь.

1
  • 1
    Ну вот, не увидел сразу, что вопрос старый и никому не нужный...
    – Rolandius
    5 окт 2015 в 7:49
-1

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

upd: коммент старый, live уже deprecated

1
  • Уточнение. Метод live устарел, привязка живых событий делается через on. А вообще, в этом вопросе live не при чём.
    – Qwertiy
    5 окт 2015 в 21:21

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.