2010-03-25 41 views
4

使用具有命名錨點目標的菜單項的jQuery UI手風琴菜單(導航:true),即菜單項引用當前頁面上的命名錨點具有命名錨點的jQuery UI手風琴,不會切換菜單選擇

如果導航到不同的頁面,突出顯示點擊的菜單項,手風琴可以正常工作,但如果菜單項引用當前頁面上的命名錨點,則點擊時不會更改菜單選擇/突出顯示(儘管鏈接導致頁面按預期滾動到正確的錨點)。位置散列用錨點更新,但點擊的菜單項不突出顯示。

否則不做任何事情。以下是展示問題的手風琴示例菜單。當任何菜單項被點擊時,手風琴不會突出顯示該菜單項以反映它是當前菜單項。

我希望它突出顯示菜單項,當它被點擊和預期手風琴的工作方式。我怎樣才能做到這一點?

手風琴小部件是否僅設計用於在手風琴初始化頁面加載時通過URL哈希來更新/查找/突出顯示當前菜單項?

僅供參考我是所有這些的新手。要溫柔;) TIA

<ul id="navigation"> 
    <li> 
    <a class="head">Menu 1</a> 
    <ul> 
     <li><a href="#anchor1">Sub-topic 1</a></li> 
     <li><a href="#anchor2">Sub-topic 2</a></li> 
     <li><a href="#anchor3">Sub-topic 3</a></li> 
    </ul> 
    </li> 
    <li> 
    <a class="head">Menu 2</a> 
    <ul> 
     <li><a href="#anchor1">Sub-topic 1</a></li> 
     <li><a href="#anchor2">Sub-topic 2</a></li> 
     <li><a href="#anchor3">Sub-topic 3</a></li> 
    </ul> 
    </li> 
</ul> 

[新增二零一零年十一月十七日] 沒什麼特別的,我庫或手風琴初始化代碼:

jquery-1.4.2.min.js 
chili-1.7.pack.js 
jquery.easing.js 
jquery.dimensions.js 
jquery.accordion.js 

jQuery().ready(function(){ 
    $('#navigation').accordion({ 
     collapsible: true, 
     active: 0, 
     header: '.head', 
     navigation: true, 
     autoheight: true, 
     animated: 'easeslide' 
    }); 
}); 

這一切都與如何手風琴LIB做對待有名的錨。

+0

嘿,你會把你的一些jQuery,所以我們可以幫助你更多? – benhowdle89 2010-11-15 10:03:43

回答