2012-02-21 67 views
3

我有一個HTML表格。對於每一行,數據庫中都有一條記錄,每行也有一個刪除按鈕(圖像圖​​標)。防止多次點擊直到刪除記錄

關於刪除我使用Ajax請求從數據庫中刪除記錄 成功時,顯示一條消息,並從表中隱藏()/ remove()該行。

它工作正常。 但如果我在多行上單擊真實FAST,記錄會被刪除,但仍會顯示一些行。

我有我的點擊功能附加到類

$(".tog").click(function(e){ ... 

我已經讀到jQuery的 「toggleClass(),延時()」,那些沒有工作。

任何想法?

回答

5

可以使用http://jquery.malsup.com/block/#demos插件,而Ajax請求是怎麼回事。

$.ajaxSetup({ 
    cache:false, 
    beforeSend: function() { 
     $('#content').block({ 
       message: '' 
      }); 
    }, 
    complete: function(){ 
     $('#content').unblock(); 
    }, 
    success: function() {} 
    }); 

代替#內容與你掌握DIV ID

+0

工作就像一個美女,謝謝:) – rudy 2012-02-21 11:03:38

0

它不推薦,但Jquery.ajax,您可以使用選項async:false

由此,用戶將無法在瀏覽器上執行任何操作,但瀏覽器可能暫時顯示爲掛起。

您也可以考慮向用戶顯示一個overlay,直到您的請求完成。通過這個瀏覽器不會被掛起,你也可以向用戶顯示一些正在進行的消息。

0

在功能上單擊禁用事件

$(".tog").click(function() { $(this).unbind() ... 

激活後,如有必要