2012-02-21 10 views
3

私はHTMLテーブルを持っています。各行には、データベースにレコードがあり、削除ボタン(イメージアイコン)がある各行にもあります。レコードが削除されるまで複数のクリックを防止する

私はAjaxリクエストを使用してデータベースからレコードを削除します 成功すると、私はメッセージを表示し、テーブルから行を隠す()/削除します。

正常に動作します。 複数の行で実際のFASTをクリックすると、レコードは削除されますが、一部の行は引き続き表示されます。私はすでにjQueryの読ん私はクリック機能クラスに

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

を添付した

"toggleClass()、ディレイ()"、それらは動作しませんでした。

アイデア?

答えて

5

かの後にイベント

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

Activateを無効にする機能で

+0

を習得して#contentを置き換えるには、美しさのような感謝を働い:) – rudy

0

Jquery.ajaxであることをお勧めしますが、async:falseというオプションを使用できます。

これにより、ユーザーはブラウザで任意の操作を実行できなくなりますが、ブラウザが一時的にハングアップしているように見えることがあります。

要求が完了するまで、overlayを表示することも考えられます。これにより、ブラウザがハングアップすることはなく、進行中のメッセージをユーザに表示することもできます。あなたは、AJAXリクエストが起こっている間、あなたはhttp://jquery.malsup.com/block/#demosプラグインを使用することができ、必要な

0

をクリックします。

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

あなたはdivのID

関連する問題