jquery - 如何取消 pjax 事件？

Question

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

二。略显突兀，传递一个容器并绑定一个错误处理程序：

<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;
});

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

如果'js-pjax'链接也有类（'no-link'），有什么建议如何停止pjax？

Answer 1

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

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