顯示廣告
隱藏 ✕
※ 本文為 dinos 轉寄自 ptt.cc 更新時間: 2013-06-23 09:57:30
看板 Ajax
作者 TypeZero (TypeZero碼(AID): #1DBJW)
標題 [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
bibo9901:我想你active應該要加引號1F 06/22 21:28
bibo9901:hasClass("active")
TypeZero:加上去後,仍然無反應3F 06/22 21:32
wannawanna:$("#c")4F 06/22 21:38
wannawanna:不對 應該是$("li")
TypeZero:樓上,這樣可能沒辦法達到我想要的效果,沒辦法判斷a b c6F 06/22 21:42
※ 編輯: TypeZero        來自: 125.230.4.15         (06/22 21:44)
akiratw:$(c) 的 c 是什麼…?為什麼要檢查 hasClass …7F 06/22 21:57
TypeZero:c 是 第三個li的ID8F 06/22 22:00
kerash:scrollspy... ?9F 06/22 22:01
TypeZero:類似,但是滾動的地方是一堆li10F 06/22 22:03
※ 編輯: TypeZero        來自: 125.230.4.15         (06/22 22:11)
akiratw:你的意思是要這樣嗎 http://jsfiddle.net/J5LSE/11F 06/22 22:11
TypeZero:是這樣的沒錯12F 06/22 22:12
TypeZero:有沒有辦法 讓彈出這段的判斷獨立運作?
akiratw:其實我不太懂什麼意思…14F 06/22 22:19
TypeZero:因為我是參考這個寫出來的 http://jsfiddle.net/5KvJj/1915F 06/22 22:21
TypeZero:所以我需要額外寫一個 讓他不斷偵測 $(ID).hasClass16F 06/22 22:24
akiratw:那總要觸發個 event 吧。你打算寫在哪17F 06/22 22:27
TypeZero:這就是我頭痛的地方.. Event不知道怎麼寫18F 06/22 22:28
TypeZero:應該是沒辦法家在網頁尾端,如果寫在剛剛我給的連結
TypeZero:JS的地方?
akiratw:http://jsfiddle.net/J5LSE/1/ 剛剛看 sly 的 docs 寫的21F 06/22 22:35
Home ·  Darsain/sly Wiki ·  GitHub
[圖]
[圖]
sly - JavaScript library for one-directional scrolling with item based navigation support. ...
 
TypeZero:感謝樓上大大,已經參考您的建議 當選擇C active後 彈出23F 06/22 22:42
TypeZero:請問是參考https://github.com/Darsain/sly/wiki/Events
Events ·  Darsain/sly Wiki ·  GitHub
[圖]
[圖]
sly - JavaScript library for one-directional scrolling with item based navigation support. ...
 
TypeZero:這裡嗎?25F 06/22 22:44
akiratw:對。26F 06/22 22:48

--
※ 同主題文章:
※ 看板: dinos 文章推薦值: 0 目前人氣: 0 累積人氣: 173 
分享網址: 複製 已複製
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇