jquery funktion einmal aufrufen

[mcmurphy]

Hi,
ich habe eine Liste, an deren einzelnen li's ich ein click binde.
Wenn ich jetzt schnell auf 2 li's klicke wird die Funktion für das 2 Element aufgerufen während die Funktion des ersten Klicks noch läuft.
Wie kann ich das unterbinden?
Code:

  var obj = $(this); // das ul
  var triggerLis = obj.find("li");
  triggerLis.each(function( intIndex ){
     $( this ).bind ( "click",  function(){ swap($(this)); } );
             
  }); 

[wahsaga]

Bspw. ein Flag setzen, dass eine Funktion noch aktiv ist, und das erst abfragen, bevor die Funktion etwas macht.

Ggf. hat jQuery da aber auch schon einen eingebauten Mechanismus für.

[mcmurphy]

hatte ich mit auch schon gedacht aber das:

var inProgress = true;
// some code
function swap(li)    {
     if(!inProgress){
         inProgress = true;
      // some code
         inProgress= false;
    }
} 

verhindert nicht das mehrfache aufrufen der Funktion.
Denke mal auch das jQuery einen MEchanismus dafür hat - finde ihn aber leider nicht.....

[wahsaga]

verhindert nicht das mehrfache aufrufen der Funktion.

Natürlich nicht.

Ich schrieb ja auch,

und das erst abfragen, bevor die Funktion etwas macht.

[mcmurphy]

und das erst abfragen, bevor die Funktion etwas macht.

na wird doch als erstes in der funktion, bevor sie was macht, abgefragt?!?
Wenn das hier im binden der li's an das click event erfolgen soll wüsste ich absolut nicht wo & wie ich das machen soll....

 var obj = $(this); // das ul
  var triggerLis = obj.find("li");
  triggerLis.each(function( intIndex ){
     $( this ).bind ( "click",  function(){ swap($(this)); } );
             
  }); 

das hier hätte auch nicht den erwünschten effekt:

triggerLis.each(function(){
         // Bind the onclick event to simply alert the
        // iteration index value.
            $( this ).bind (
                "click",
                function(){
                    if(!inProgress){
                        inProgress = true;
                        swap($( this ));
                        inProgress= false;
                    }
                }
            );
             
        }); 

[onemorenerd]

InProgress muss static oder global sein.

[mcmurphy]

Müsste es doch eigentlich auch sein, oder?:

(function($){
    $.fn.swapManagement = function(options){
        var defaults = {
            speed: 200
        };
        var options = $.extend(defaults, options);
        var obj = $(this);
        var inProgress = false;
// etc
})(jQuery); 

[mcmurphy]

Aber habs jetzt hinbekommen:

        function swap(li){
            if(!inProgress){
                inProgress = true;
                var target = $("#"+li.attr( "title"));
                bubble.css("left",li.position().left);
                target.animate({"z-index":20, "opacity":1}, options.speed,
                    function(){inProgress = false;}
                );
                currentItem.css({"z-index":10, "opacity":0});
                currentItem.removeClass("current");
                currentItem =  target.addClass("current");
                
            }
        } 

THX @ Wahsaga & onemorenerd