链接到特定的jQuery手风琴用户界面

问题描述:

我正在使用jQuery手风琴用户界面 - http://jqueryui.com/demos/accordion/ ...并希望链接到页脚中的特定手风琴,以便链接将您带到特定页面并打开特定的手风琴。链接到特定的jQuery手风琴用户界面

在插件中,标题是链接,所以我说:NAME =“接触”,然后我已链接到/ 页面名称 #contact但因此使得它毫无意义也不会开拓手风琴。

我该怎么办?谢谢

我很确定你应该为你链接到的手风琴项目的内容制作标题<a href="#contact">

你也必须设置手风琴这样的:.accordion({ navigation:true })

编辑:http://jsfiddle.net/M5JQn/

+0

感谢乔。我已经完成了这一工作,但是现在当我进入/ * pagename * /#联系时,它只是将我带到3页手风琴关闭的页面,并且不会自动打开联系人。 – bryceadams 2012-04-18 04:52:51

+0

我附上了一个演示,看看那里的结构和代码 – 2012-04-18 12:13:02

来自:http://jqueryui.com/demos/accordion/#method-activate

.accordion( “激活”,指数)

激活的内容部分手风琴编程。该索引可以是零索引数字以匹配要关闭的标题的位置或匹配元素的选择器。

通过false关闭所有(仅在可折叠:true时才可能)。

所以当在页脚的链接被点击: 的onclick “打开网页; $( 'accname')手风琴( '激活',2)。”

UPDATE: 自激活就好($('#accordion')。accordion('option','active')!= 1){$($(')){$(' '#accordionp')。accordion('option','active',1);} 这将确保它每次都打开。

忘记我下面说的。这是除了jQuery UI之外的一般方法。 有一个更好的方法作为“乔弗莱托”提到和this是一个很好的例子。


在文档中有这样的事情。 是你需要的吗? $(“.selector”).accordion({active:2});

你可以这样定义一个数组:

var pages=new Array(); 
pages['main']=1; 
pages['contact']=2; 
pages['help']=3; 
//and whatsoever 

然后你就可以打开网页与链接散列的信息:

var hash = window.location.hash 
$(".selector").accordion({ active: pages[hash] });