Question

I want to disable onclick function, in order to stop calling same function when an ajax on it is in progress.

onclick function :

function fnDisplaySubjects(url,cat,divid)
{
    /* DISABLE ONCLICK HERE */
        $.ajax({
            url: url+"/cat/"+cat,
            type: "POST",
            complete: function(){
             /* ENABLE ONCLICK HERE */
        },
            success: function(response){
                $('#'+divid).html(response);        
            }
        });    
    }
}

Appreciate your help..

Answer 1

Try:

function fnDisplaySubjects(url,cat,divid, obj /* this object */)
{
var $this = $(this);
if ($this.data('called')) {
    return;
}
$this.data('called', true);
        $.ajax({
            url: url+"/cat/"+cat,
            type: "POST",
            complete: function(){
             /* ENABLE ONCLICK HERE */
        },
            success: function(response){
                $('#'+divid).html(response);  
                $this.removeData('called');      
            }
        });    
    }
}