我正在抓取一个jQuery对象数组,然后通过.each()修改数组中的每个单独的jquery.
在这种情况下,我更新了类名以触发-webkit-transition-property以利用css转换.
我想在每次css转换开始之前暂停一下.我正在使用以下内容,但每次更新之间没有延迟.相反,它们似乎都在立即更新.
function positionCards() {
$cards = $('#gameboard .card');
$cards.each(function() {
setTimeout( function(){ addPositioningClass($(this)); }, 500 )
});
}
function addPositioningClasses($card){
$card
.addClass('position')
}
Run Code Online (Sandbox Code Playgroud)
我希望setTimeout可以解决这个问题,但它似乎没有起作用.有没有办法在每个对象的每个CLASS名称更新之前完成暂停?
$('.transparent').removeClass('transparent').delay(2000).addClass('not_transparent').delay(4000)
Run Code Online (Sandbox Code Playgroud)
我有一个半透明的div,然后想把它切换到不透明.但是jQuery .delay(); 方法在这里似乎不起作用.我试过.fadeIn(); 相反,这有效延迟但它不适用于改变类.