jQuery - добавление нового слушателя событий div

Question

jQuery - добавление нового слушателя событий div

0

Я пытаюсь выяснить способ динамического обнаружения, если новый div был добавлен на мою страницу. В частности, div или font с определенным классом, прикрепленным к нему. Этот div добавляется во время ответа ajax с php-страницы, сообщая пользователю, что задача выполнена или не завершилась, и к ней .msgDivAuth определенный класс .msgDivAuth для стиля.

Проблема, с которой я столкнулся, когда ответ возвращается, заключается в том, что он остается на странице; и вы остаетесь с кучей ответов повсюду. Так что я хочу сделать, это угаснуть или очистить содержимое этих элементов через шесть секунд, которые они впервые появляются на странице.

То, что я собирался сделать, это:

$(function(){
    $('font.msgDivAuth, div.msgDivAuth').bind('DOMSubtreeModified', function(){

        alert("check");

    });
});

Теперь это только проверит, .msgDivAuth ли существующие элементы .msgDivAuth на странице. Но, конечно, это не объясняет динамическое добавление страницы, возвращенной успешным ответом ajax.

Другими словами:

Проверяйте, динамически, для поступления нового контента.
Проверьте, входит .msgDivAuth в него класс .msgDivAuth в качестве класса.
Если у него есть класс .msgDivAuth прикрепленный к нему, ставка, div или font, начните шесть секунд таймера и fadeOut.
Существующий .msgDivAuth div или font также должен обновлять свои таймеры fadeout, когда их содержимое было изменено. (например, выше).
Промыть и повторить.

Я также должен упомянуть, что этот скрипт будет храниться в js файле вместе с другими общими функциями, которые каждая страница включает в свой заголовок.

Любые идеи о том, как это реализовать?

Dimitri 29 нояб. 2013, в 17:07

Источник

2

Вы должны использовать $ (). On () и $ (). Off () вместо .bind и .unbind. Это предпочтительный метод привязки событий, так как jquery 1.7: api.jquery.com/bind
Hoffmann 29 нояб. 2013, в 16:02
0

Полностью согласен с этим. Я в процессе миграции большей части этого
Dimitri 29 нояб. 2013, в 16:05

Теги:

jquery

1 ответ

Ещё вопросы

Вы должны использовать $ (). On () и $ (). Off () вместо .bind и .unbind. Это предпочтительный метод привязки событий, так как jquery 1.7: api.jquery.com/bind
Полностью согласен с этим. Я в процессе миграции большей части этого

Suganthan Madhavan Pillai · Accepted Answer · 2013-11-29T14-44-00.000Z

Элемент можно найти с помощью этой функции

использовать функцию hideElement (element) в вашем обратном вызове

function hideElement(element) {
  var target = $(this).find('.msgDivAuth');
  target.hide()
}

Проблема в том, что на сайте есть сотни успешных обратных вызовов, и это было бы невыполнимой задачей. Мне нужно что-то более общее.
Вы можете сделать это как отдельную функцию и вызывать обратные вызовы вашего успеха