jQuery - запускать функцию при изменении DOM

Я пока использовал livequery , который работает, но из-за этого просмотр страниц кажется очень медленным. Итак, я пытаюсь найти альтернативное решение для этого.

Я прикрепляю функцию, которая запускает некоторый ajax для элементов с определенным классом, например:

$(".blah").each(function(){
  $.ajax({
      ...
      success: function(data) { 
        $(this).removeClass(".blah");
        // do other stuff
      }
  });
});

Теперь у меня есть несколько событий, привязанных к различным элементам, которые могут добавлять html в DOM, например:

$(".button").click(function(){
  $.ajax({
      ...
      success: function(data) { 
        $(this).append(data);
        // here, new elements with ".blah" class could be inserted in the DOM
        // the event above won't be fired...
      }
  });
});

Как я могу сделать так, чтобы первая функция ajax, указанная выше, запускалась, когда DOM обновляется в других событиях?

Обновление:

Я также нашел этот плагин: http://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-plugin/

Как вы думаете, это будет лучшее решение? На первый взгляд кажется, что это так, потому что он позволяет вам установить интервал "опроса", который может уменьшить использование процессора, если вы установите его на 1 секунду или что-то еще. Сейчас тестирую :)

Обновление 2:

К сожалению, он работает только с идентификаторами элементов по какой-то странной причине: (

5
задан Alex 22 January 2011 в 02:39
поделиться