disable link after innitial click and enable when ajax-request is finished?

Clicking several times on the link run several ajax-requests. That is why it is hang browser will and is run code js bad. how can to disable link after innitial click and enable when ajax-request is finished?

With respect

$('#icon a').click(function (event) {
        event.preventDefault();
        var id = '#' + this.id;
        var title = $(id).attr('title');
        $(".title").toggleClass("suject").html(title);
        var url = $(id).attr('href');
        $('.table_show, #num_count, #select_box, #input_search').fadeOut('slow', function () {
            $('.results').load(url, function(){
开发者_JS百科                $(this).hide().show();
                $.getScript("http://localhost/Siran-mehdi/files/js/admin.js"); 
            })
            //.hide().show("slow")
        });
    });

---

change link to # after clicking

$("#link").click(function(){
    var href = $(this).attr('href');
    $(this).attr('href', '#');
    var $this = $(this);
    $('.results').load(url, function(){
         $this.attr('href', href);
         $(this).hide().show();
         $.getScript("http://localhost/Siran-mehdi/files/js/admin.js"); 
    });
});

return it after ajax is done

---

well you could hide it and show it back after the call has finished:

$('#icon a').click(function (event) {
        event.preventDefault();
        var id = '#' + this.id;
        var title = $(id).attr('title');
        $(".title").toggleClass("suject").html(title);
        var url = $(id).attr('href');
        //hide it
        $(id).hide();
        $('.table_show, #num_count, #select_box, #input_search').fadeOut('slow', function () {
            $('.results').load(url, function(){
                //show it 
                $(id).show();
                $.getScript("http://localhost/Siran-mehdi/files/js/admin.js"); 
            })
            //.hide().show("slow")
        });
});

---

Simply make the link disabled:

$('#icon a').click(function (event) {
        event.preventDefault();
        var id = '#' + this.id;
        var title = $(id).attr('title');
        $(".title").toggleClass("suject").html(title);
        var url = $(id).attr('href');

        // disable the link
        $(id).removeAttr("href");

        $('.table_show, #num_count, #select_box, #input_search').fadeOut('slow', function () {
            $('.results').load(url, function(){
                $(this).hide().show();
                $.getScript("http://localhost/Siran-mehdi/files/js/admin.js"); 
            })

        });

        // enable the link again
        $(id).attr("href", url);
    });

---

$('a#YourLinkId').click(function() {
    // Your ajax code
    return false; // Disable the link
});