jquery手风琴激活不起作用答案

【问题标题】：jquery accordion activate does not workjquery手风琴激活不起作用
【发布时间】：2013-03-16 10:19:48
【问题描述】：

我有一个这样的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>

现在我希望人们单击一个链接（在页面顶部），然后该面板将打开现在每次我调用我的函数时人们都会看到它

$('.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);
});

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

错误：手风琴小部件实例没有这样的方法“激活”

我不知道问题出在哪里，我尝试了很多不同的方法，但都没有成功。

【问题讨论】：

您还没有告诉我们您使用的是什么手风琴插件。 “激活”是一种有效的方法吗？
我开始觉得有人有点“不赞成”了……

标签： javascript jquery html jquery-ui accordion

【解决方案1】：

像这样激活它

$( "#accordion" ).accordion( "option", "active", 0 );

仅启用/禁用用于该目的的方法。

$("#accordion" ).accordion( "enable" );
$("#accordion" ).accordion( "disable" );

要在第一次初始化后访问手风琴的选项，请使用选项对象。

$("#accordion").accordion( "option", "disabled", true ); // set
var x = $("#accordion").accordion( "option", "disabled"); // get

看APIhttp://api.jqueryui.com/accordion/

【讨论】：

【解决方案2】：

我认为您希望以编程方式打开手风琴窗格。如果是这样，你想要这样的东西：

$("#accordion").accordion("option", "active", 1);

（假设您使用的是 jQuery UI 库）

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

请注意，这将打开第二个手风琴窗格，因为选项接受从 0 开始的整数。（0 是第一，1 是第二，等等）。所以只要确保你将正确的整数传递给方法调用:)

您的代码不起作用的原因是 jQuery UI 团队刚刚删除了 v1.10 中的 activate 方法，并特别推荐使用我提供的内容：http://jqueryui.com/upgrade-guide/1.10/#removed-activate-method-use-active-option

【讨论】：

我也被手风琴方法的删除所吸引 - 感谢您的提醒。

【解决方案3】：

这应该可以，但是它不会动画：

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

         $("#accordion").accordion('option', 'active', 1);
     });

您尝试在 1.9.x 中使用 WAS 但在 1.10.x 中被删除的方法 http://api.jqueryui.com/accordion/#option-active

【讨论】：