jquery手风琴激活不起作用

Gle*_*ter 9 html javascript jquery jquery-ui accordion

accordion喜欢这个

<div id="accordion">
    <h3 id="idname1">text</h3>
    <div>
        Text TEXT text
    </div>
    <h3 id="idname2">text</h3>
    <div>
        Text TEXT text
    </div>
    <h3 id="idname3">text</h3>
    <div>
        Text TEXT text
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我希望人们点击一个链接(在页面顶部),然后该面板将打开en人们将在每次调用我的函数时看到它

$('.myclass').click(function() {
    // this is to open the right pannel 
    var getal = $(this).attr('id');
    alert(getal); // i get the right name

    $("#accordion").accordion('activate', 1);
});
Run Code Online (Sandbox Code Playgroud)

我的控制台给了我这个错误

错误:对于accordion小部件实例,没有这样的方法"激活"

我不知道问题是什么我尝试过很多不同的东西,但都没有用.

Ian*_*Ian 24

我想您正在寻找以编程方式打开手风琴窗格.如果是这样,你想要这样的东西:

$("#accordion").accordion("option", "active", 1);
Run Code Online (Sandbox Code Playgroud)

(假设您使用的是jQuery UI库)

http://api.jqueryui.com/accordion/#option-active

请注意,这将打开第二个折叠式窗格,因为这些选项接受基于0的整数.(0是第一,1是第二,等等).所以只需确保将正确的整数传递给方法调用:)

您的代码无法工作的原因是因为jQuery UI团队刚刚删除了activatev1.10中的方法,并特别推荐使用我提供的方法:http://jqueryui.com/upgrade-guide/1.10/#re​​moved-activate-method -use活性选项

  • 我也因为取消手风琴方法而感到困惑 - 感谢提醒. (2认同)