按钮禁用并启用不在Jquery中工作

时间:2013-05-20 06:33:47

标签: jquery

我有一个Jquery点击按钮将项目添加到list.here我需要在点击它后禁用该按钮,成功后它将启用。这是我的代码

$(".addtowishlist").live("click", function (e) {
        var t = $(this);
        $('<img src="/images/loading.gif" alt="loading" id="ajax-loader-wish"/>').insertAfter(t);
        $("#simplemodal-overlay").unbind("click");
        var n = t.parent().find("select[name='code']").val();

        var i = t.parent().find("input:hidden[name='account']").val();
        var s = t.parent().find("input:hidden[name='itemname']").val();
        var o = t.parent().find("input:hidden[name='itemnumber']").val();
        var u = (new URI).addQuery("code", n).addQuery("qty", 0).addQuery("addtowishlist", true).addQuery("account", i).addQuery("itemname", s).addQuery("itemnumber", o);
        $.ajax({
            url: u,
            type: "GET",
            success: function (e) {
                t.closest(".innerwishlist").hide();
                $(".wishlistThankYou").show()
            }
        });
        return false
    });

我试过

$(".addtowishlist").attr('disabled', 'disabled'); 
and code for enable 

 $(".addtowishlist").attr('disabled', ''); 

它的工作原理并禁用按钮,但成功后它不会启用按钮。 有人帮忙吗?

5 个答案:

答案 0 :(得分:5)

建议改为使用.prop

$(".addtowishlist").prop('disabled', true); 
$(".addtowishlist").prop('disabled', false); 

或者,如果您使用旧版本的jQuery,请使用$(".addtowishlist").removeAttr("disabled");删除该属性。

答案 1 :(得分:3)

$(".addtowishlist").attr('disabled', true); 
and code for enable 

 $(".addtowishlist").attr('disabled', false); 

答案 2 :(得分:1)

试试这个:

$(".addtowishlist").removeAttr("disabled");

答案 3 :(得分:0)

如果按钮本身是一个jQuery样式按钮(带.button()),则需要刷新按钮的状态,以便添加/删除正确的类。

$( ".selector" ).button( "refresh" );

答案 4 :(得分:0)

如果您使用 jQuery版本1.6 + ,那么

$(".addtowishlist").prop( "disabled", true);
建议

禁用该字段。并允许使用

$(".addtowishlist").prop( "disabled", false );

对于较旧的jQuery版本,请使用以下内容停用

$(".addtowishlist").attr('disabled', 'disabled');

以及一个用于启用。

$(".addtowishlist").removeAttr('disabled');