jquery手风琴跳转并打开特定部分

时间:2012-03-26 18:05:48

标签: jquery-ui jquery modx

我在modx和手风琴中使用jquery + jquerui。我不想在顶部有一个水平菜单,我可以跳转(滚动)到该部分(打开)。我怎么做到这一点。 现在我的js看起来像这样:

/ 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=`outerTpl` &rowTpl=`rowTpl`]]

rowTpl:

<div>
        <h2><a href="[[+wf.link]]">[[+wf.title]]</a></h2>
        <div>
           <!-- placeholder for content -->
    </div>
</div>

outerTpl:

<div id="accordion">[[+wf.wrapper]]</div>

topmenu(水平)被调用如下:

[[Wayfinder? &startId=`6` &outerTpl=`QouterTpl` &rowTpl=`QrowTpl`]]

QrowTpl:

<li[[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

QouterTpl

<ul class="arrowunderline">[[+wf.wrapper]]</ul>

感谢您的帮助

3 个答案:

答案 0 :(得分:4)

您可以使用activate method以编程方式打开手风琴面板。

请参阅this小提琴,以获取示例。

答案 1 :(得分:2)

NB。自jquery ui 1.9以来,激活方法已弃用,自1.10以来已删除。可以找到更多信息和替代方案here

答案 2 :(得分:1)

.ready函数

上使用此功能
$("#accordion").accordion('option', 'active' , 3); 

3 =您想要激活的菜单中特定部分的数量