当前使用jQuery完成冻结操作

Question

我有链接列表，例如：

<div class="links">
<a href="#" class="link1">link 1</a>
<a href="#" class="link2">link 2</a>
<a href="#" class="link3">link 3</a>
</div>

当您点击某个链接时，它会将一些内容加载到块<div class="content"></div>

ajax要求的内容，因此无法立即制作。

如何在块.links内冻结点击（它们不应该工作），而ajax查询还没有完成？

Answer 1

我使用jQuery的插件Block UI。您可以阻止整个页面或仅阻止元素。我这样做。

$.ajaxStart({
    $.blockUI({message: 'Please wait...'});
    //this will block any element with the class links
    //$('.links').blockUI({message: 'Please wait...'});
});

$.ajaxStop({
    $.unblockUI();
});

Block UI有很多演示供你查看，还有很多配置要做。所以你可以看看你喜欢什么。它适用于所有浏览器。

Answer 2

尝试切换css属性pointer-events有关其使用情况的更多信息here。