Блог

Я использую методы 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 amp; Password !');
            }
        }

     });

  }
 });


});
 

Я использовал

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

Пожалуйста, дайте мне решение.

Попробуйте использовать setTimeout(function,milliseconds)

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

Попробуйте так

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

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

     next();
});