jQuery Accordion – 在pageload上打开特定部分

我在页面上有一个相当基本的jQuery Accordion实现（使用1.3.2，jQuery UI Core 1.72和jQuery UI Accordion 1.7.2），我希望在页面加载时打开第2部分。 我尝试了很多方法，但似乎没有任何工作……

头文：

 $(function() { $("#accordion").accordion({ event: "mouseover" }); }); 

身体手风琴：

 
 
Headline 001
 
 
 
Link 001
 
Link 002
 
 
 
Headline 002
 
 
 
Link 003
 
Link 004
 
  

任何帮助将不胜感激！

Answer 1

 $("#accordion").accordion({ active: 2, event: "mouseover" }); 

应该做的伎俩！

UPDATE

如果这不起作用，试试吧

 $("#accordion").accordion({ event: "mouseover" }).activate(2); 

（注意，这会更快一些，感谢您的评论。说实话，它应该与’active：2’参数一起使用，不知道它为什么没有。）

Answer 2

打开特定标签的正确方法：

 $("#accordion").accordion({ collapsible : true, active : false, heightStyle : "content", navigation : true }); 

设置选项：

 //$("#accordion").accordion('option', 'active' , "INSERT YOUR TAB INDEX HERE"); $("#accordion").accordion('option', 'active' , 1); 

或者您可以使用这样的哈希：

 if(location.hash){ var tabIndex = parseInt(window.location.hash.substring(1)); $("#accordion").accordion('option', 'active' , tabIndex); } 

投票，如果你使用;）

谢谢

Answer 3

以下工作如何？

 $(function() { $("#accordion").accordion({ event: "mouseover", collapsible: true, active: 2 }); }); 

Answer 4

尝试

 $("#accordion").activate(index); 

Answer 5

我已经解决了这个问题有点不同，因为我必须创建一个menu.php，其中包括我已经包含的每一页。 在我们的项目中有1个手风琴（一个带有2个子菜单​​的菜单元素）。 因此，当访问者在子菜单上时，手风琴是打开的，所选链接（使用CSS突出显示，而不是jQuery）处于活动状态。 但是当访客在不同的页面上时，手风琴正常工作。

这是javascript：

 var containsParams = /teacher|student/i.test(window.location.href), //regexp with string params accordion = $("li.accordion"); // the accordion as a global accordion.accordion({ //accordion setup on every page animated : !containsParams, active : containsParams, collapsible : true, event : "click", header : "h2" }); //I like to use "self calling methods" since many times I need a main onload event and this way it's clear for every page and my main function still remains (function () { if (containsParams) accordion.accordion("activate", 0); })(); 

希望你喜欢。 =]

最好的祝福！ =]

Answer 6

您应该写入active: 1而不是2，因为Accordion会将部分从0开始，而不是从1开始。 工作代码将如下所示：

 $("#accordion").accordion({ active: 1, event: "mouseover" }); 

希望它会有所帮助。

Answer 7

正如其他人所提到的，以下内容将使其在开放时活跃起来：

 $("#accordion").accordion({ active: 1 }); 

它是active:1因为它是手风琴指数{0,1,2,...}; 其他答案似乎有些混乱，因为元素的内容包含字符“ 2 ”……