[ js ] JQuery hasClass 問題

看板Ajax作者 (TypeZero碼(AID): #1DBJW)時間11年前 (2013/06/22 21:26), 編輯推噓2(2024)
留言26則, 5人參與, 最新討論串1/1
先前我寫了一段程式 <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

06/22 21:28, , 1F
我想你active應該要加引號
06/22 21:28, 1F

06/22 21:28, , 2F
hasClass("active")
06/22 21:28, 2F

06/22 21:32, , 3F
加上去後,仍然無反應
06/22 21:32, 3F

06/22 21:38, , 4F
$("#c")
06/22 21:38, 4F

06/22 21:39, , 5F
不對 應該是$("li")
06/22 21:39, 5F

06/22 21:42, , 6F
樓上,這樣可能沒辦法達到我想要的效果,沒辦法判斷a b c
06/22 21:42, 6F
※ 編輯: TypeZero 來自: 125.230.4.15 (06/22 21:44)

06/22 21:57, , 7F
$(c) 的 c 是什麼…?為什麼要檢查 hasClass …
06/22 21:57, 7F

06/22 22:00, , 8F
c 是 第三個li的ID
06/22 22:00, 8F

06/22 22:01, , 9F
scrollspy... ?
06/22 22:01, 9F

06/22 22:03, , 10F
類似,但是滾動的地方是一堆li
06/22 22:03, 10F
※ 編輯: TypeZero 來自: 125.230.4.15 (06/22 22:11)

06/22 22:11, , 11F
你的意思是要這樣嗎 http://jsfiddle.net/J5LSE/
06/22 22:11, 11F

06/22 22:12, , 12F
是這樣的沒錯
06/22 22:12, 12F

06/22 22:15, , 13F
有沒有辦法 讓彈出這段的判斷獨立運作?
06/22 22:15, 13F

06/22 22:19, , 14F
其實我不太懂什麼意思…
06/22 22:19, 14F

06/22 22:21, , 15F
因為我是參考這個寫出來的 http://jsfiddle.net/5KvJj/19
06/22 22:21, 15F

06/22 22:24, , 16F
所以我需要額外寫一個 讓他不斷偵測 $(ID).hasClass
06/22 22:24, 16F

06/22 22:27, , 17F
那總要觸發個 event 吧。你打算寫在哪
06/22 22:27, 17F

06/22 22:28, , 18F
這就是我頭痛的地方.. Event不知道怎麼寫
06/22 22:28, 18F

06/22 22:31, , 19F
應該是沒辦法家在網頁尾端,如果寫在剛剛我給的連結
06/22 22:31, 19F

06/22 22:31, , 20F
JS的地方?
06/22 22:31, 20F

06/22 22:35, , 21F
http://jsfiddle.net/J5LSE/1/ 剛剛看 sly 的 docs 寫的
06/22 22:35, 21F

06/22 22:38, , 22F

06/22 22:42, , 23F
感謝樓上大大,已經參考您的建議 當選擇C active後 彈出
06/22 22:42, 23F

06/22 22:43, , 24F
06/22 22:43, 24F

06/22 22:44, , 25F
這裡嗎?
06/22 22:44, 25F

06/22 22:48, , 26F
對。
06/22 22:48, 26F
文章代碼(AID): #1HnQOShc (Ajax)