首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >是否在初始单击后禁用链接,并在ajax-request完成时启用?

是否在初始单击后禁用链接,并在ajax-request完成时启用?
EN

Stack Overflow用户
提问于 2011-07-20 23:29:26
回答 4查看 3.5K关注 0票数 0

在链接上单击几次会运行几个ajax请求。这就是为什么它挂起浏览器将运行代码js不好。如何在初始点击后禁用链接,并在ajax-request完成时启用?

怀着敬意

代码语言:javascript
复制
$('#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(){
                $(this).hide().show();
                $.getScript("http://localhost/Siran-mehdi/files/js/admin.js"); 
            })
            //.hide().show("slow")
        });
    });
EN

回答 4

Stack Overflow用户

发布于 2011-07-20 23:34:28

单击后将链接更改为#

代码语言:javascript
复制
$("#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"); 
    });
});

ajax完成后返回

票数 0
EN

Stack Overflow用户

发布于 2011-07-20 23:35:38

你可以把它隐藏起来,然后在调用结束后再显示出来:

代码语言:javascript
复制
$('#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")
        });
});
票数 0
EN

Stack Overflow用户

发布于 2011-07-20 23:54:51

只需禁用链接:

代码语言:javascript
复制
$('#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);
    });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6764440

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档