javascript - jQueryUI - Accordion - 使用 ID 设置事件

标签 javascript jquery jquery-ui accordion

我检查了许多网站试图解决这个问题。然而,我没有运气,所以我想我应该继续在这里发帖。

我想做的是根据 ID 设置事件 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>

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

最佳答案

根据h3设置activeindex :

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

关于javascript - jQueryUI - Accordion - 使用 ID 设置事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22175515/

相关文章:

javascript - 垂直居中在 Firefox 中不起作用

php - 检测和编辑外部链接

jquery - 如何从另一个页面加载背景图像?

jquery - 以编程方式 'unselect' 一个 jQuery UI 可选择的小部件

javascript - Highcharts标签格式化程序来查询mysql?

javascript - 我在哪里可以找到互联网上的直方图差异算法?

javascript - jQuery 隐藏和显示不正确(多次)

javascript - 在 jquery datetimepicker() 上设置日期时间

javascript - bean.getValue() 只提取部分值而不是全部值

javascript - ReactJS:为什么在setState更改状态时调用构造函数