首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery accordion跳转并打开到特定部分

jquery accordion跳转并打开到特定部分
EN

Stack Overflow用户
提问于 2012-03-27 02:05:48
回答 3查看 12.4K关注 0票数 1

我在modx和accordion中使用jquery +jquery in。我不想在顶部有一个水平菜单,在那里我可以跳到(滚动)到(打开的)部分。我该如何做到这一点。现在我的js看起来是这样的:

代码语言:javascript
复制
/ 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构建的:

代码语言:javascript
复制
[[Wayfinder? &startId=`6` &outerTpl=`outerTpl` &rowTpl=`rowTpl`]]

rowTpl:

代码语言:javascript
复制
<div>
        <h2><a href="[[+wf.link]]">[[+wf.title]]</a></h2>
        <div>
           <!-- placeholder for content -->
    </div>
</div>

outerTpl:

代码语言:javascript
复制
<div id="accordion">[[+wf.wrapper]]</div>

顶部菜单(水平)的调用如下所示:

代码语言:javascript
复制
[[Wayfinder? &startId=`6` &outerTpl=`QouterTpl` &rowTpl=`QrowTpl`]]

QrowTpl:

代码语言:javascript
复制
<li[[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

QouterTpl

代码语言:javascript
复制
<ul class="arrowunderline">[[+wf.wrapper]]</ul>

感谢你的帮助

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-27 02:23:41

可以使用activate method以编程方式打开折叠面板。

有关示例,请参阅this fiddle。

票数 4
EN

Stack Overflow用户

发布于 2014-07-06 07:49:03

注意:activate方法从jquery ui 1.9开始就被弃用了,从1.10开始就被移除了。更多信息和替代方案可以在here上找到。

票数 2
EN

Stack Overflow用户

发布于 2017-07-08 22:46:25

.ready函数上使用此函数

代码语言:javascript
复制
$("#accordion").accordion('option', 'active' , 3); 

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9877326

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档