Question

我使用jQuery addclass和removeclass方法来添加和删除类，但是我想给出添加类的持续时间，我写了下面的代码，我添加了googleapi

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

和jquery文件是

    $(document).ready(function(){
   $('#frmlogin').validate({
rules:{
    username:{required:true},
    password:{required:true}
},
highlight: function(element) {
    $(element).closest('.control-group').removeClass('text-success').addClass('has-warning');
},
success: function(element) {
    element
    .text('OK!').addClass('login-valid')
    .closest('.control-group').removeClass('has-warning').addClass('text-success',500);

},
submitHandler: function(form)
{
    $.ajax({
        url: "login_process.php",
        type: "post",
        dataType:'json',
        contenType:'application/json; charset=utf-8',
        data: $("#frmlogin").serialize(),
        success:function(response)
        {
            console.log(response);
            if(response.ok==1)
            {
                $(location).attr('href','blog.php');
            }
            else{
                $('#msg-login-error').html('Wrong Username & Password !');
            }
        }

     });

  }
 });


});

我用过

.closest('.control-group').removeClass('has-warning').addClass('text-success',500);

请给我解决方案。

Answer 1

尝试使用setTimeout(function,milliseconds)

element = element.text('OK!').addClass('login-valid').closest('.control-group').removeClass('has-warning');
setTimeout(function() { element.addClass('text-success'); },500);

Answer 2

试试这个

.closest('.control-group').removeClass('has-warning').delay(500).queue(function(next){

     $(this).addClass("text-success")

     next();
});

无法给addclass（）提供持续时间

2 个答案: