javascript - 添加新链接时重置 jQuery 'On Click' 绑定(bind)器

Question

$(document).ready(function(){
    var links = $('body').find('a.internal');

    links.on('click', function(e){
        //pull page with ajax and replace the content with this response

        //replace current links, as some are added from ajax response
        links = $('body').find('a.internal');

        e.preventDefault();
    })
});

我猜是因为当文档准备好时只有一个 links.on() 被调用，它永远不会“更新”任何可能创建的新链接。在我的 ajax 调用之后，我将如何重置这个 Binder ？

感谢您的快速回复。成功了!

Answer 1

你想要这个:

$('body').on('click', 'a.internal', function(e){
    //pull page with ajax and replace the content with this response

    //replace current links, as some are added from ajax response
    links = $('body').find('a.internal');

    e.preventDefault();
})

这会将点击事件附加到 a.internal 上的正文和过滤器。如果任何新链接被添加到页面，这将起作用。