jquery - 防止其他链接在 AJAX 调用期间工作

Question

我有一个包含多个链接的页面，每个链接执行不同的 AJAX 调用，然后在页面的另一个区域动态插入一些数据。当用户单击这些链接中的任何一个时，我想禁用所有其他链接，直到调用的数据返回，这样他们就无法一次发出多个请求。

这些链接都位于同一个 <div> 中，因此我可以轻松地定位所有这些链接，而无需触及页面上其他位置的其他“常规”链接。

最好的方法是什么？

Answer 1

当单击 A 类的某些内容时，如何阻止 B 类链接上的默认行为？

HTML:

<a href="1" class="linkTypeA">Link</a>
<a href="2" class="linkTypeB">Link 2</a>
<a href="3" class="linkTypeB">Link 3</a>

脚本:

$(document).on("click", "a.linkTypeA", function() {
   $('.linkTypeB').click(function(e) { e.preventDefault(); });
})

当您想要允许对 linkTypeB 的点击重新开始工作时，您需要取消绑定(bind)对 linkTypeA 的点击事件。

$("a").unbind("click");

如果您不想使用类，则可以检查点击的源元素并阻止除源元素之外的所有标记上的默认行为。