Jquery ui jquery手风琴跳转并打开到特定部分
我在modx和accordio中使用jquery+jqueryui。我不想在顶部有一个水平菜单,在那里我可以跳转(滚动)到打开的部分。我将如何实现这一点。 现在我的js看起来像这样:Jquery ui jquery手风琴跳转并打开到特定部分,jquery-ui,jquery,modx,Jquery Ui,Jquery,Modx,我在modx和accordio中使用jquery+jqueryui。我不想在顶部有一个水平菜单,在那里我可以跳转(滚动)到打开的部分。我将如何实现这一点。 现在我的js看起来像这样: / Accordion $("#accordion").children("div").each( function() { var a = $(this).find("a"); var ref = $(a).attr("href");
/ Accordion
$("#accordion").children("div").each( function() {
var a = $(this).find("a");
var ref = $(a).attr("href");
$(a).attr("href", "#");
$(this).find("div").load(ref);
});
$("#accordion").ajaxStop(function() {
$(this).accordion({
header: "h2",
active: true,
collapsible: true,
clearStyle: true,
navigation: true
});
});
[[Wayfinder? &startId=`6` &outerTpl=`QouterTpl` &rowTpl=`QrowTpl`]]
编辑:我的手风琴使用wayfinder进行构建:
[[Wayfinder? &startId=`6` &outerTpl=`outerTpl` &rowTpl=`rowTpl`]]
rowTpl:
<div>
<h2><a href="[[+wf.link]]">[[+wf.title]]</a></h2>
<div>
<!-- placeholder for content -->
</div>
</div>
QrowTpl:
<li[[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>
[+wf.wrapper]]
Qouttpl
<ul class="arrowunderline">[[+wf.wrapper]]</ul>
[[+wf.wrapper]]
感谢您的帮助您可以使用以编程方式打开手风琴面板
有关示例,请参见fiddle。您可以使用以编程方式打开手风琴面板
有关示例,请参见小提琴。NBactivate方法自jquery ui 1.9以来已被弃用,自1.10以来已被删除。可以找到更多信息和备选方案。NBactivate方法自jquery ui 1.9以来已被弃用,自1.10以来已被删除。可以找到更多信息和备选方案。在
功能中使用此选项。就绪
功能
$("#accordion").accordion('option', 'active' , 3);
3=要激活的菜单中特定部分的数量使用此打开
.ready
功能
$("#accordion").accordion('option', 'active' , 3);
3=您希望激活的菜单中特定部分的数量谢谢!供参考:QrowTpl如下所示:谢谢你的帮助!供参考:QrowTpl如下所示: