台灣最具影響力的-資訊專家社群 - 讓您成為最有價值的IT專業人才
線上人數
630
 
會員總數:230775
接案會員:6775
文章總數:2320
討論主題:176534
歡迎您免費加入會員
討論區列表 >> Script >> 有關一個用ul做出的下拉式選單問題

[變換順序]
[我要回覆]
1


回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
有關一個用ul做出的下拉式選單問題
價值 : 300 QP  點閱數:1405 回應數:13

樓主

浩瀚星空 版主
初級顧問
20905 66
9750 3706
發送站內信

捐贈 VP 給 浩瀚星空
以下的程式我是用別人的。它是一種樹狀式結構的選單。
由於我需要做另外的控制。所以在其<li>內多加了一個<img alt="" src="move_out.gif" width="40" height="30">圖片準備來做控制。
但加上去後就不能正常了。
由於我對於nextSibling的應用還不是很了解。
我試圖做修改還是沒有什麼用。(對於節點的概念不是很熟,搞不太清楚)

是否有高手能告訴我。
如何加上一個<img>後又能正常。
提一下就好~~~



本篇文章發表於2010-01-20 13:48
浩瀚星空站長(http://www.ihstar.com)
vBulletin中文技術非官方站hstarvbb
(http://www.ihstar.com/hstarvbb)

新人發問笑話
「不用跟我說543,跟我說怎麼做就好」 - 我不是你免費的打手。
(po一段程式碼)然後問,「問題在哪??」 - 問神吧,我可以借你2個50。但記得還我2張500。
「這功能該怎麼做,最好提供範例」 - (飯粒)嗎??我飯桌上多的是,盡量去拿。
主題:「請求救、請救救我....」 - 打119比較快。
「如題....」 - 嗯~~~的確如題,答案也如題。
「為何這段程式碼出錯?」(未po錯誤訊息) - 啊!!因為人品問題!!
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
最有價值解答

Bryan(不來ㄣ)
捐贈 VP 給 Bryan(不來ㄣ) 檢舉此回應
nextSibling就是下一個兄弟節點
(這樣會不會點的太輕了?!)


本篇文章回覆於2010-01-20 13:56
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
我知道它是下一個節點~~~只是~~~還是搞不太清楚他的理論。
我試圖在foldMenu()內再多增加一個nextSibling。但會跟我報錯>"<
改到有點瘋了


本篇文章回覆於2010-01-20 14:00
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
呃~~~我自已搞笑了~~~

有個地方少打了一個nextSibling。難怪會報錯>"<
沒事了>"<



本篇文章回覆於2010-01-20 14:06
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
不來大~~~能再幫我看一下嗎??
已經不會報錯了。但是也不會有動作。

這是網頁的原始碼。其實在ul那一大段是用程式產生出來的。
現在我是修改成如下。不會報錯了。但也不會有動作。
不過全部展開跟全部折疊倒是沒問題。

我想問題因該還是出在foldMenu()這個函數。在處理選單下拉的判斷我可能哪邊搞錯了。
只是我也搞不太出來。能告訴我一下嗎??謝謝。





本篇文章回覆於2010-01-20 14:24
--未登入的會員無法查看對方簽名檔--
5樓




本篇文章回覆於2010-01-20 14:43
--未登入的會員無法查看對方簽名檔--
6樓






本篇文章回覆於2010-01-20 15:01
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
還是搞不太清楚>"<
我縮剪一下用編號來處理好了
你告訴我答案,我研究一下

<a>1</a> 的nextSibling指的是哪一個標記 。 這我認為是2行的第2個img
又nextSibling.nextSibling又是哪一個。這我認為是第3行的<ul>

不知我這樣的認知對還是不對。
告訴我一下吧>"<

不來大~~~不要點的太小力啦>"<
再大力一點點





本篇文章回覆於2010-01-20 15:02
--未登入的會員無法查看對方簽名檔--
8樓

6f 就是 Iverson


本篇文章回覆於2010-01-20 15:04
--未登入的會員無法查看對方簽名檔--
9樓
作者回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
呃~~~發完了上篇才發現不來大的答案>"<

不過不來大你還是告訴我一下nextSibling這東東好了。
被它給搞死了。

你的答案我是可以用了。不過我還是想了解一下。


本篇文章回覆於2010-01-20 15:04
--未登入的會員無法查看對方簽名檔--
10樓

因為onclick在<a>被fire
所以this是<a>
this.nextSibling是<ul>
this.nextSibling.nextSibling不存在
註1:這裡面的東西是<ul>的child nodes,跟上面那個<a>不是兄弟關係,<a>算它們的長輩


本篇文章回覆於2010-01-20 15:14
--未登入的會員無法查看對方簽名檔--
11樓
還有
ie跟ff對"斷行"的解釋不同
ff會將"斷行"也視為文字節點,ie不會
我想,這你應該有發現了 (除非你將那堆html寫成一行是個巧合@@)


本篇文章回覆於2010-01-20 15:20
--未登入的會員無法查看對方簽名檔--
12樓
DOM 其實也沒那麼難懂啦
把它們想像成家庭的族譜即可


本篇文章回覆於2010-01-20 15:22
--未登入的會員無法查看對方簽名檔--
13樓
作者回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
那的確是一個巧合。不過我是因為用程式做輸出的。所以不需要做排版也沒關係。
就沒給他斷行的語法了。經你這麼一說。幸好我沒做斷行。要不然還要更難處理。

我剛做了一下測試的頁面。去了解了一下nextSibling的應用。大致上沒問題了。

應該是之前我將他想的太複雜了。現在經你的開導後。倒也不覺得很難了。
(但是~~~~我卻搞了一個上午)

感謝您了~~~不來大。


本篇文章回覆於2010-01-20 15:30
--未登入的會員無法查看對方簽名檔--
[變換順序]
1
 

回覆
如要回應,請先登入.