凍結操作，而使用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(); 
}); 

模塊用戶界面有很多演示讓你看和許多配置，使。所以你可以讓它看起來像你喜歡的。它適用於所有瀏覽器。

Answer 2

嘗試切換CSS屬性關於它的用法herepointer-events更多信息。