如何使hasClass（）檢查每一個第二

我想打一個滑塊（5個IMGS），我有自己的設計下5個按鈕，和兩個方向鍵（prev和next）如何使hasClass（）檢查每一個第二

當這些5個按鈕中的一個點擊時，該類（彈性活動）被激活。點擊第3個按鈕（例如）具有類（flex-active）並且類（flex-next）的按鈕被點擊時，我想激活一個函數「img4」（這將顯示img4並移除（flex-活動）從第3個按鈕並添加到第4個按鈕）。

默認情況下，第一個按鈕具有彈性。它只能從1到2和1回到5.

問題是hasClass只檢查開始誰擁有該類，但如果我手動更改它，然後單擊下一步按鈕，它將工作img2功能，因爲第一個按鈕具有（彈性 - 活動）。

這項工作：

if($("a.1").hasClass("flex-active")){ 
    $(".flex-prev").click(img5); 
};  

if($("a.1").hasClass("flex-active")){ 
    $(".flex-next").click(img2); 
};

這不是：

if($("a.2").hasClass("flex-active")){ 
    $(".flex-prev").click(img1); 
};

來源

2014-09-01 AlexB.

'setInterval（function（）{/ * code * /}，1000/* milliseconds * /）;'？ – Anton 2014-09-01 09:18:46

我真的不會爲此使用'setInterval'，嘗試掛鉤添加或刪除類的事件。這應該更加有效和可靠。 – 2014-09-01 09:21:26

是你的按鈕（全部五個）在HTML代碼中是否彼此相鄰？ – 2014-09-01 09:31:43

你可以做的是，你在按你的圖像

分配一個特定的類名

<li><img class="slider flex-active" src=".../></li> 
<li><img class="slider" src=".../></li> 
...

和動態在按鈕上，你根據你的願望next()或previous

$('button').on('click',function() { 
    $('img.slider').hasClass('flex-active').removeClass('flex-active').next().addClass('flex-active'); 
});

來源

2014-09-01 09:48:51 AhmadAssaf

謝謝你的回答，但是這段代碼只會改變5個按鈕的類，不會顯示img1，img2 ... img5。我需要知道這五個按鈕是否有效。 – 2014-09-01 11:41:18

然後當你點擊那個按鈕的時候給它添加一個特定的類，那麼你就知道哪個按鈕是活動的。如果你發佈你的整個代碼或者有一個Jsfiddle會很有幫助 – AhmadAssaf 2014-09-01 13:30:21

如何使hasClass（）檢查每一個第二

回答

相關問題