removeClass功能

内不工作我有一个.on('click', function())正在调用另一个函数removeClass功能

$('.controls a[data-attr="editEmailAddress"]').on('click', function (e) { 
    e.preventDefault(); 
    if ($(this).hasClass("btn-primary")) { 
     updateEmailAddress(); 
    } else { 
     hideSuccess(); 
    } 
    $(this).addClass("btn-primary"); 
    $(this).find('i').addClass("icon-white icon-edit").addClass('icon-ok'); 
    $(this).siblings('input[type=text]').attr('disabled', false); 
});

功能做了一些标准的验证，如果它是有效的它应该删除类btn-primary中一些其他的事情。

function updateEmailAddress() { 
    // Clear the error div of any previous errors 
    $('#validationSummary').hide().empty(); 

    var isValid = true; 

    // Must Enter Email Address 
    var emailEntered = $('#txtEmailAddress').val(); 
    if (!$.trim(emailEntered).length) { 
     $('#validationSummary').append('Email address required').fadeIn(); 
     isValid = false; 
    } 
    else { 
     // If Email Entered verify that it is a valid email address 
     if (!validateEmail(emailEntered)) { 
      $('#validationSummary').append('Enter valid email address.').fadeIn(); 
      isValid = false; 
     } 
    } 
    if (isValid) { 
     // Change state of edit icon 
     $('#lnkEditEmailAddress').removeClass("btn-primary"); 
     $('#lnkEditEmailAddress').find('i').addClass("icon-white icon-edit").addClass('icon-ok'); 
     $('#lnkEditEmailAddress').siblings('input[type=text]').removeAttr('disabled', true); } 
}

这里是一个工作jsfiddle

有人能找出什么样的变化将需要作出获取输入/图像返回到原来禁用状态？这是否与页面加载时不在DOM中的类有关？

显然有一个网络的方法，不会导致错误

来源

2013-07-15 Jon Harding

只需要注意几点，但在jQuery 1.9中，您应该使用.prop（）而不是.attr（）作为禁用属性。此外，一旦该属性设置，你删除它，我不相信你可以添加它。看到这篇文章：http://stackoverflow.com/questions/1414365/how-to-disable-an-input-with-jquery – CSharpConductor

的问题是，你的功能不停止一次updateEmailAddress()完成运行中找到。相反，它继续并立即重新添加btn-primary。试试这个：

$('.controls a[data-attr="editEmailAddress"]').on('click', function (e) { 
    e.preventDefault(); 
    if ($(this).hasClass("btn-primary")) { 
     updateEmailAddress(); 
     return; // note this addition 
    } else { 
     hideSuccess(); 
    } 
    $(this).addClass("btn-primary"); // if you don't return, this gets called right after .removeClass(...) 
    $(this).find('i').addClass("icon-white icon-edit").addClass('icon-ok'); 
    $(this).siblings('input[type=text]').attr('disabled', false); 
});

来源

2013-07-15 22:09:10

回答

相关问题