Question

使用jQuery，我将$('content').load文本添加到我的网页上的一个类中。内容包括我想要响应点击事件的新ID。这可能吗？这是脚本......

$(document).ready(function(){
       $("ul.nav li:eq(3)").click(function(){
         $('.content').load('gpstart.html #product').fadeIn('slow');
       });
 });

Answer 1

您可以使用live或delegate方法绑定到将来要创建（加载）的元素的click事件。

Answer 2

是的，使用 jQuery.on() 。

$(document).ready(function(){
    $(document).on('click', '#some_id', function() {
        // do something
    });

   $("ul.nav li:eq(3)").click(function(){
     $('.content').load('gpstart.html #product').fadeIn('slow');
   });
 });

Answer 3

是的，.click(function () {})是.bind('click', function () {})的快捷方式，.bind()仅适用于绑定事件时DOM中的元素。

jQuery＆gt; = 1.7

$(document).on('click', '#my-dynamicly-inserted-id', function () {
    //your click handler here for the `.load`-ed element
});

jQuery＆lt; 1.7

$(document).delegate('#my-dynamicly-inserted-id', 'click', function () {
    //your click handler here
});

我不建议使用.live()，因为它与$(document).delegate()相同，并且从jQuery 1.7开始折旧。

Answer 4

使用

$('.content').on('click', '#your-element-id', function(){  });

或

$('.content').delegate('click','#your-element-id', function(){  });

尝试不委托给document，因为事件必须在DOM中一直冒泡，因为您知道您的元素在内容中，那么您可以将事件委托给该元素。

jQuery .load -ed ID可以响应click事件吗？

4 个答案: