1. 效果一 HTML <a href="#" class="btn btn-default" data-toggle="modal" data-target="#videoModal"…
August 26, 2017
Jquery:添加class后延迟删除class Delay Removing a Class in Jquery
错误实例:
$("#div").addClass("error").delay(1000).removeClass("error");
一般有三种解决方法:
1. You can use setTimeout()
function:
$(document).ready(function () { var $rows = $("#rowone.one, #rowtwo.three, #rowthree.two").addClass("pageLoad"); setTimeout(function() { $rows.removeClass("pageLoad"); }, 1000); });
2. You can create a new queue item to do your removing of the class:
$("#div").addClass("error").delay(1000).queue(function(next){ $(this).removeClass("error"); next(); });
3. 同上,不同写法:
$("#div").addClass("error").delay(1000).queue(function(){ $(this).removeClass("error").dequeue(); });
个人喜好第三个方法!
本文:Jquery:添加class后延迟删除class Delay Removing a Class in Jquery