iT邦幫忙

0

jquery li 選擇器 問題

  • 分享至 

  • xImage

請問該如何從初始的li選單,變成點擊後的li內容呢?

初始的選單

<ul id="bc_navigation_list">
<li class="first"></li>
<li class="title"><a href="#">System Setting</a></li>
<li class="last"></li>
</ul>

點擊選單內的A選單

<ul id="bc_navigation_list">
<li class="first"></li>
<li class="title"><a href="#">System Setting</a></li>
<li class="joint"></li>
<li class="title"><a href="#">Time Setting</a></li>
<li class="last"></li>
</ul>

點擊選單內的B選單

<ul id="bc_navigation_list">
<li class="first"></li>
<li class="title"><a href="#">System Setting</a></li>
<li class="joint"></li>
<li class="title"><a href="#">Network Setting</a></li>
<li class="last"></li>
</ul>

再點擊B選單,li一樣不被改變

看更多先前的討論...收起先前的討論...
jsgao0 iT邦新手 5 級 ‧ 2017-03-07 09:18:55 檢舉
你的A選單和B選單是甚麼?
初始選單
http://ppt.cc/ovSTm

點擊選單內的A選單
http://ppt.cc/mVDaU

點擊選單內的B選單
http://ppt.cc/DOhYL
tzuchin iT邦新手 5 級 ‧ 2017-03-07 13:41:50 檢舉
你應該把你的code貼上來,或是放到 https://jsfiddle.net/
看完你PO文跟附的圖片...老實說我還是看不懂你想問什麼耶... 冏rz
主code:
https://jsfiddle.net/shawnhsuicpdas/eobsnw26/2/

var list = new List1("/html/Top-Path/Top1.html");
主code的 function main_List1_click(that) 裡面有一段如上,要load上面的路徑內容Top1.html,Top1不知怎麼改成網址的,所以打在下方

外部連結的HTML code
https://jsfiddle.net/shawnhsuicpdas/5jjx5k18/embedded/

<li class="joint"></li>
<li class="title">
<a href="#" onclick="">Time Setting</a></li>
<li class="last"></li>
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
fillano
iT邦超人 1 級 ‧ 2017-03-08 17:36:07
最佳解答

我幫你翻譯一下好了...我猜你的需求是:

  1. 畫面上有三種元素:麵包屑、選單、內容
  2. 在選單點選時,麵包屑會動態加入與點選的選單對應的東西,內容也會改變

我的建議是:用一個帶id屬性的元素(ex. span, div...記得要把display改對)把你要動態加入麵包屑的東西包起來,用一個變數來記錄這個id。然後需要時,就用這個id來把一包東西全部移除。這樣會比較簡單。

我要發表回答

立即登入回答