我需要在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部分运作良好,我能够使用Ajax响应数据加载.parent_selector
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成功调用合作?