Question

我正在发送ajax请求，我已将结果附加到div上。在此追加之后，如果我想点击附加的链接（exec jquery点击功能），为什么点击功能doesen't工作？（抱歉英语不好：P）

编辑：

jQuery('.more').live("click",function() {
    var ID = jQuery(this).attr("id");
    if(ID) {
        jQuery("#more"+ID).html('<img src="template/css/images/moreajax.gif" />');
    jQuery.ajax({
        type: "POST",
        url: "loadmore.php",
        data: "lastid="+ ID, 
        cache: false,
        success: function(html){
            $("#contentWall").append(html);
        jQuery("#more"+ID).remove(); // removing old more button
        }
    });
    } else {
        jQuery(".morebox").html('The End');// no results
    }
return false;
});

Answer 1

您需要使用.live()或.on()，具体取决于您的jQuery版本。

常规.click()仅适用于当前在DOM中的元素，而不适用于将来添加的元素。

Answer 2

没有更多的信息很难确定，但可能你的问题是你正在使用这样的东西

// this only bind click handler to existing elements matching selector
$('#mycontainer a').click(function(){...})

您需要使用on来覆盖动态添加的元素。

// this bind click handler to current and future elements matching selector
$('#mycontainer').on('click','a',(function(){...})

Answer 3

当您的网页最初加载时，您的点击事件会绑定到您的链接。这意味着在此之后引入DOM的任何新链接都没有绑定到它们的click事件。您需要将click事件绑定到要附加的链接：

$(newlink).click(function(event){
    // your onclick code
});
$(mydiv).append(newlink);

jQuery事件处理程序不处理附加元素

3 个答案: