触发链接点击Ajax成功

Question

我需要触发链接点击Ajax成功.我目前拥有的代码是:

jQuery.ajax({
//Ajax Options
success: function(value) {
    jQuery('.parent_selector').html(jQuery(value).find('.child_selector'));
    jQuery('.test-link').trigger('click');
},
error: function() {
    //alert(error);
} });

Ajax部分工作正常,我能够.parent_selector使用Ajax响应数据加载div.在此之后,我需要触发jQuery('.test-link').trigger('click');上面代码中的链接点击.但是,永远不会触发链接点击.要检查,我搬到jQuery('.test-link').trigger('click');内jQuery(document).ready(function()才能看到该链接是否被触发页面加载.但它也不适用于那里.我尝试的下一件事是放入jQuery('.test-link').trigger('click');另一个链接的点击事件,如下所示:

jQuery('section[role="main"]').on('click', '.another-link', function(e){
e.preventDefault();

jQuery('.test-link').trigger('click');

});

瞧!,它在另一个链接的点击事件中工作.所以,我真的很困惑我在这里做错了什么.为什么jQuery('.test-link').trigger('click');不想用Ajax成功调用好玩？

Answer 1

如果您的链接是 AJAX 调用返回值的一部分，则单击函数不会绑定到该对象。尝试使用 .live() 而不是 .click() 将函数绑定到对象。

<script>
jQuery('.test-link').live('click', function(){
   //your function stuff
});
</script>

这将允许您创建动态内容，而不必在每次创建链接时重新绑定该函数。