HTML設置初始活動菜單選項

我的問題與How to set a active link as default when page first time load類似，但我無法讓它與此解決方案一起使用。HTML設置初始活動菜單選項

我有一個菜單在HTML：https://jsfiddle.net/gno1pzjv/

<div id="menu"> 
     <ul> 
      <li> <a href="#">option1</a> </li> 
      <li> <a href="#">option2</a> </li> 
      <li> <a href="#">option3</a> </li> 
      <li> <a href="#">option4</a> </li> 
      <li> <a href="#">option5</a> </li> 
      <li> <a href="#">option6</a> </li> 
      <li> <a href="#">option7</a> </li> 

     </ul> 
    </div>

當我選擇一個菜單選項，菜單塊應該變成黃色。

在我自己的代碼中（但不在小提琴中），菜單選項在選中時變爲黃色，但默認頁面在頁面啓動時不活動。所以當前頁面始終以橙色的所有選項開始。

任何想法？

來源

2015-04-27 Arjan de Bruijn

你忘了，包括jQuery的在你的小提琴，而不應'$（「＃子報頭」）'是'$（「＃menu a」）'？似乎工作，如果你修復https://jsfiddle.net/j08691/gno1pzjv/1/ – j08691

這是正確的，「＃子頭一個」應該是「＃菜單一個」，它確實在小提琴中工作，但爲什麼它需要一個鏈接fiddle.jshell.net成爲活躍的，我的網頁的替代選擇是什麼？我的頁面應該在啓動時調用jQuery函數嗎？ –

確保您使用'$（document）.ready（...）'，以便您的JavaScript不會執行得太早。 http://learn.jquery.com/using-jquery-core/document-ready/ – sweeds

在您的JS：

<script> 
     $(document).ready(function() { 
     $("#first").addClass("active"); 
     }); 
</script>

和HTML：

<li id="first"> <a href="#">option1</a> </li>

來源

2015-04-27 06:52:49

HTML設置初始活動菜單選項

回答

相關問題