Deaktivieren Sie Doppelklick auf jQuery AJAX-Ereignis

Question

Ich habe eine Seitenumbruch-Schaltfläche, die eine Ajax-Funktion ausführt, um neue Ergebnisse auf der Seite zu ziehen. Alles funktioniert gut, die einzige Sache ist, dass wenn ich auf den Knopf doppelklicke, ich die Ergebnisse verdoppeln, weil es 2 identische Anrufe macht.

Ich weiß, es gibt viele Abhilfe für dieses Ding, aber nichts scheint vollständig zu funktionieren.

Jetzt bin ich mit einem var als Flag ...

var isPaging = 0; 
$('.container').on('click', '.bh-pagination-button', function(){ 

    if (!isPaging) { 

     isPaging = 1; 

     callBehanceProjectsList(); 

     isPaging = 0; 
    } 
}); 

Es scheint zu arbeiten, wenn ich etwas langsam bin, aber wenn ich mich sehr schnell zweimal oder dreimal in klicken, es macht n-te Anrufe, alle identisch.

Dann sah ich, gibt es andere Lösungen gibt:

one(); 
unbind(); 
die(); 

etc... 

Diejenigen Haushalte tatsächlich funktionieren könnte, das Problem ist, dass wenn ich das Click-Ereignis zu deaktivieren, kann ich es nicht wieder zu aktivieren, und ich brauche viele klicken Zeiten nach dem Ende der Seitennummerierung.

Haben Sie eine Idee?

Vielen Dank im Voraus.

Answer 1

Wie wäre es mit so etwas?

Auf diese Weise wird die Schaltfläche deaktiviert, kurz bevor die Seitennumerierung beginnt, und wird automatisch aktiviert, nachdem die Seitennumerierung beendet ist. Dies verhindert mehrere Klicks auf die Schaltfläche, daher wird auch die Notwendigkeit für eine bestimmte Variable eliminiert.

Answer 2

Ich denke, Sie müssen Jquery.BlockUI.Js verwenden.

Hier ist der Beispielcode ist, dass für,

$(document).ready(function() { 

    $("#Button3").click(function() { 
    console.log('d'); 
     $.blockUI(); 
     setTimeout(function() { 
      $.unblockUI({ 
       onUnblock: function() { 
       //Write your unblock logic 
        alert('onUnblock'); 
       } 
      }); 
     }, 2000); 
    }); 
}); 

Sie es sogar nach dem Aufstehen Antwort von dem Ajax-Aufruf entsperren können, scheint dies eine bessere Lösung für Ihre Situation zu sein.

Arbeits Fiddle: http://jsfiddle.net/nwjsgxrp/