Javascript Jquery UI手风琴：不了解如何更新内容_Javascript_Jquery_Jquery Ui_Jquery Ui Accordion

Javascript Jquery UI手风琴：不了解如何更新内容

javascript jquery jquery-ui

Javascript Jquery UI手风琴：不了解如何更新内容,javascript,jquery,jquery-ui,jquery-ui-accordion,Javascript,Jquery,Jquery Ui,Jquery Ui Accordion,我有一个简单的手风琴，有两部分。单击按钮后，我想在当前激活的部分中插入一些文本。我的研究一直建议我使用以下方法找到活动窗格： var active = $(".selector").accordion("option", "active"); 我知道。selector是一个类，但它来自哪里？为什么我在Chrome调试器中看不到它？为什么美元（“#手风琴”）。手风琴在这里不合适假设这是正确的，为什么我不能在当前窗格中简单地附加一个 active.append("<p>test&l

我有一个简单的手风琴，有两部分。单击按钮后，我想在当前激活的部分中插入一些文本。我的研究一直建议我使用以下方法找到活动窗格：

 var active = $(".selector").accordion("option", "active");

我知道。selector是一个类，但它来自哪里？为什么我在Chrome调试器中看不到它？为什么美元（“#手风琴”）。手风琴在这里不合适

假设这是正确的，为什么我不能在当前窗格中简单地附加一个

active.append("<p>test</p>").accordion('destroy').accordion();

active.append（test）.accordion（'destroy'）.accordion（）；

完整代码：

<html lang="en">

<head>
    <meta charset="utf-8">
    <title>jQuery UI Accordion - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
    <script>

        $(function () {
            $("#accordion").accordion();
        });

        $(document).ready(function () {

            $("#addBeer").click(function () {
                var active = $(".selector").accordion("option", "active");
                active.append("<p>test</p>").accordion('destroy').accordion();

            });
        });
    </script>
</head>

<body>
    <div>

        <input id="addBeer" type="button" name="addBeer" value="Beer">
    </div>

    <div id="accordion">
        <h3>Section 1</h3>
        <div>
            <p>
                Paragraph 3
            </p>
            <ul>
                <li>List item one</li>
                <li>List item two</li>
                <li>List item three</li>
            </ul>
        </div>
        <h3>Section 4</h3>
        <div>
            <p>
                Paragraph 4</p>

        </div>
    </div>
</body>

</html>


jQuery UI Accordion-默认功能
$（函数（）{
$（“#手风琴”）。手风琴（）；
});
$（文档）.ready（函数（）{
$（“#添加啤酒”）。单击（函数（）{
var active=$（“.selector”）.accordion（“选项”，“活动”）；
active.append（“test”）.accordion（'destroy'）.accordion（）；
});
});
第一节

第3款


第一项
清单项目二
清单项目三

第四节

第4段

与我以前写的相比，这是一个更好的方法

编辑

JSfiddle：

在fiddle中有一个注释函数，其中包含一些额外的元素，可用于此目的，但它们不是必需的。上面显示的未注释函数就是您所需要的。

哼哼，这似乎对我不起作用。在您的示例中，.selector为什么从类更改为对象？@user2077000嘿，对不起，我没有更多的时间来修复。我已经用一个有效的JSFIDLE修改了答案，说明了更好的方法（imo）。如果你需要帮忙，请告诉我。

$( "#insert" ).click( function() { //inserts text to active panel
       var changetothis = $( "#something" ).val();

        n = $("#accordion h3").index($("#accordion h3.ui-state-active"));
         // alert(n); // test active number
        var section = n+1;
        $("#"+section).html(changetothis);
    });