setTimeout addClass，然後檢查元素hasClass

Question

我不能console.log下面的消息。 setTimeout用於添加類後，hasClass無法工作？

<img id="swipeUp1" class="swipeUp" src="img/arrow.png"> 

setTimeout(function() { 
    $("#swipeUp1").addClass("moveOn"); 
}, 500); 
if ($('#swipeUp1').hasClass('moveOn')) { 
    console.log("swipeup1 has class moveOn"); 
} 

Answer 1

的setTimeout()處理器（含addClass()功能），因爲你要求明確到現在不執行，但在500毫秒if語句後執行。

因此，下一行（if語句）立即執行，早於addClass()。

如果您希望他們按順序執行，你必須移動hasClass()內部處理程序或addClass() OUTSIDE：

// all inside handler 
setTimeout(function() { 
    $("#swipeUp1").addClass("moveOn"); 

    if ($('#swipeUp1').hasClass('moveOn')) { 
     console.log("swipeup1 has class moveOn"); 
    } 
}, 500); 

或者：

// no setTimeout at all 
$("#swipeUp1").addClass("moveOn"); 

if ($('#swipeUp1').hasClass('moveOn')) { 
    console.log("swipeup1 has class moveOn"); 
}