jquery - 如何取消 pjax 事件？

Question

我以这种方式使用pjax(来自https://github.com/defunkt/jquery-pjax):

Two. Slightly obtrusive, passing a container and binding an error handler:

<a href='/explore' class='js-pjax'>Explore</a>

$('#main').pjax('.js-pjax').on('pjax:error', function(e, xhr, err) {
  $('.error').text('Something went wrong: ' + err)
})

在某些情况下，我的链接可能有一个类，该类应该阻止链接通过 <a href='/explore' class='js-pjax no-link'>Explore</a>

以及阻止它的代码:

$('body').on('click', 'a.no-link', function() {
    return false;
});

我的问题是:在这种情况下， return false/preventDefault 不会阻止 pjax 触发。

如果“js-pjax”链接也有Class('no-link')，有什么建议如何停止pjax吗？

Answer 1

您可以通过修改初始 PJAX 调用来阻止 PJAX 遵循 .no-link 元素。

$('#main').pjax('.js-pjax:not(.no-link)').on('pjax:error', function(e, xhr, err) {
    $('.error').text('Something went wrong: ' + err)
})