※ 本文為 dinos 轉寄自 ptt.cc 更新時間: 2013-06-23 09:57:30
看板 Ajax
作者 標題 [js] JQuery hasClass 問題
時間 Sat Jun 22 21:26:49 2013
先前我寫了一段程式
<li id="a" class="active">0</li>
<li id="b">1</li>
<li id="c">2</li>
透過滾輪往下滾一下可以變成
<li id="a">0</li>
<li id="b" class="active">1</li>
<li id="c">2</li>
以此類推,
問題來了,我想要用下面這段程式讓他彈出一個視窗,可是卻無效,
只有在<li id="a" class="active">1</li> 時有會跳出視窗。
<script>
$(function(){
if($(a).hasClass("active")){
alert("bind working!");
}else{}
});
</script>
嘗試過,若不用jQuery隨著滾輪於a b c加入class="active"
單純寫一個<li id="c" class="active">3</li>
這樣是有反應的
請問板上有什麼見解?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.230.4.15
→ :我想你active應該要加引號1F 06/22 21:28
→ :hasClass("active")
→ :hasClass("active")
→ :加上去後,仍然無反應3F 06/22 21:32
推 :$("#c")4F 06/22 21:38
→ :不對 應該是$("li")
→ :不對 應該是$("li")
→ :樓上,這樣可能沒辦法達到我想要的效果,沒辦法判斷a b c6F 06/22 21:42
※ 編輯: TypeZero 來自: 125.230.4.15 (06/22 21:44)→ :$(c) 的 c 是什麼…?為什麼要檢查 hasClass …7F 06/22 21:57
→ :c 是 第三個li的ID8F 06/22 22:00
→ :scrollspy... ?9F 06/22 22:01
→ :類似,但是滾動的地方是一堆li10F 06/22 22:03
※ 編輯: TypeZero 來自: 125.230.4.15 (06/22 22:11)→ :是這樣的沒錯12F 06/22 22:12
→ :有沒有辦法 讓彈出這段的判斷獨立運作?
→ :有沒有辦法 讓彈出這段的判斷獨立運作?
→ :其實我不太懂什麼意思…14F 06/22 22:19
→ :所以我需要額外寫一個 讓他不斷偵測 $(ID).hasClass16F 06/22 22:24
→ :那總要觸發個 event 吧。你打算寫在哪17F 06/22 22:27
→ :這就是我頭痛的地方.. Event不知道怎麼寫18F 06/22 22:28
→ :應該是沒辦法家在網頁尾端,如果寫在剛剛我給的連結
→ :JS的地方?
→ :應該是沒辦法家在網頁尾端,如果寫在剛剛我給的連結
→ :JS的地方?
Home · Darsain/sly Wiki · GitHub
sly - JavaScript library for one-directional scrolling with item based navigation support. ...
sly - JavaScript library for one-directional scrolling with item based navigation support. ...
→ :感謝樓上大大,已經參考您的建議 當選擇C active後 彈出23F 06/22 22:42
→ :請問是參考https://github.com/Darsain/sly/wiki/Events
→ :請問是參考https://github.com/Darsain/sly/wiki/Events
Events · Darsain/sly Wiki · GitHub
sly - JavaScript library for one-directional scrolling with item based navigation support. ...
sly - JavaScript library for one-directional scrolling with item based navigation support. ...
→ :這裡嗎?25F 06/22 22:44
→ :對。26F 06/22 22:48
--
※ 看板: dinos 文章推薦值: 0 目前人氣: 0 累積人氣: 173
回列表(←)
分享