JQuery жить для эффектов

Question

$("#toggle-banner-body").live("click", function(){
      $("#banner-details").slideToggle();
});

Когда я нажимаю #toggle-banner-body, переключатель #banner-details не работает.#toggle-banner-body и #banner-details - это недавно созданные элементы, поэтому я использовал живую функцию там.Есть ли способ идентифицировать элемент #banner-details?Я имею в виду, как использовать живую функцию для эффектов.

Answer 1

.live() устарела, теперь с jQuery 1.7.1 вы можете использовать .on():

$(document).on(event, selector, handler) // live
$(selector).on(event, handler)           // bind

---

$("#parent").on("click","#element", function(){
      $("#banner-details").slideToggle();
});

Answer 2

Оберните ваш код в готовый обработчик :

$(function(){
   $("#toggle-banner-body").live("click", function(){
      $("#banner-details").slideToggle();
   });
});

Обратите внимание , что live() устарело и не будет работать в будущих версиях jQuery, используйте вместо этого on().