【问题标题】:jQueryUI - Accordion - Setting Active using IDjQueryUI - 手风琴 - 使用 ID 设置活动
【发布时间】:2014-03-04 15:03:28
【问题描述】:

我已经检查了许多网站,试图弄清楚这一点。但是,我没有运气,我想我会继续在这里发帖。

我要做的是根据 ID 设置 Active Accordion。下面是我正在使用的。

jQuery 代码:

$(function () {
    $("#accordion").accordion({
        collapsible: true,
        header: "h3",
        active: 'h3.content3',
        heightStyle: "content"
    });
});

HTML:

<div id="accordion">
    <h3 class="content1">Content Title</h3>
    <div align="left">
        <p>Content for 1 Goes Here</p>
    </div>

    <h3 class="content2">Content Title</h3>
    <div align="left">
        <p>Content for 2 Goes Here</p>
    </div>

    <h3 class="content3">Content Title</h3>
    <div align="left">
        <p>Content for 3 Goes Here</p>
    </div>
</div>

我希望我解释得足够好,如果没有,请告诉我。我会尽力帮助你的。

【问题讨论】:

  • 我不明白...你想激活什么?
  • 看起来你需要设置一个数字,而不是一个字符串:$( ".selector" ).accordion({ active: 2 });
  • 但它可以工作..jsfiddle.net/Spokey/uKzpp你使用的是什么版本?

标签: javascript jquery jquery-ui accordion


【解决方案1】:

h3index的基础上设置active

active: $('#accordion h3').index($('.content3'))

【讨论】:

  • 如果这是唯一的唯一标识符,那不总是 0 吗?
  • @ravb79 你指的是h3的索引吗?在#accordion 的上下文中,它将从零开始并表示所选h3 的索引
  • 但是你不是用 .content3 类索引所有 h3 吗? (只存在一次)
  • @ravb79 返回父级中的索引,而不是所选元素的索引,但由于父级中有更多元素,因此不会返回正确的数字
  • 非常感谢。这解决了我正在处理的问题。非常感谢你们的帮助!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多