如果HREF = URL變化類活動狀態的菜單

IM試圖讓與jQuery活躍狀態...如果HREF = URL變化類活動狀態的菜單

繼承人我的代碼不工作..

<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(document).ready(function() { 
    jQuery('ul#menuHov a[href$="' + window.location.pathname + '"]').addClass("menuHov"); 
}); 
</script>

和菜單...

<ul id="menuHov"> 
    <li style="width:128px"><a href="" ><span>SHOP<br/>SHOP</span></a></li> 
    <li style="width:193px"><a href="/collections" ><span>COLLECTIONS<br/>COLLECTIONS</span></a></li> 
    <li style="width:147px"><a href="/about-local-celebrity"><span>ABOUT<br/>ABOUT</span></a></li> 
    <li style="width:186px"><a href="/stockists" ><span>STOCKISTS<br/>STOCKISTS</span></a></li> 
    <li style="width:146px"><a href="/press" ><span>PRESS<br/>PRESS</span></a></li> 
    <li style="width:128px"><a href="/category/blog" ><span>BLOG<br/>BLOG</span></a></li> 
    <li style="width:70px"><a href="/contact" ><span>CONTACT<br/>CONTACT</span></a></li> 
</ul>

和類，我想爲活動狀態...

.menuHov {color:#fae349}

來源

2011-04-08 Alex

你做了一個'console.log'來查看'window.location.pathname'給你什麼值？ – 2011-04-08 16:39:00

這是工作B4但我做了.css（'顏色'，'＃whatev'），而不是類... BT我需要它做類 – Alex 2011-04-08 16:41:15

@亞歷山大 - 好吧，我會用Firebug和'控制檯.log' out''jQuery（'ul＃menuHov a [href $ =''+ window.location.pathname +'「]'）'，以及'window.location.pathname'，以確保您正在選擇你想要什麼。如果這是正確的，那麼也許嘗試應用'li'而不是'a'？ – 2011-04-08 16:48:02

正常工作對我來說：

http://jsfiddle.net/maniator/JYc8g/

確保路徑是正確的，使用螢火蟲或Chrome控制檯檢查什麼window.location.pathname上（點擊如果你不看它了工作運行）該頁面你想

UPDATE

似乎是user.css的CSS問題變線95：

#headerMenu ul li a:hover, a.menuHov { 
    color: #00AEEF !important; 
}

來源

2011-04-08 16:40:42 Neal

我在FF4或Chrome 10的鏈接中看不到任何顏色變化，所以它是如何爲您工作的？ – 2011-04-08 16:46:16

我看到它改變，第二個鏈接（即時通訊使用鉻）他們改變爲黃色 – Neal 2011-04-08 16:47:52

收集鏈接改變時，你運行運行 – Neal 2011-04-08 16:48:11

如果HREF = URL變化類活動狀態的菜單

回答

相關問題