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

将您的代码包裹在ready handler：

中

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

注意 live()已被弃用且无法在未来的jQuery版本中使用，请改用on()。