9

私は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);
});

私のコンソールは私にこのエラーを与えます

エラー：アコーディオンウィジェットインスタンスに対してそのようなメソッド「アクティブ化」はありません

何が問題なのかわかりませんが、いろいろ試してみましたが、うまくいきませんでした。

4

3 に答える 3

27

プログラムでアコーディオンペインを開くことを検討していると思います。もしそうなら、あなたはこのようなものが欲しいです：

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

（jQuery UIライブラリを使用していると仮定します）

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

オプションは0ベースの整数を受け入れるため、これにより2番目のアコーディオンペインが開くことに注意してください。（0が最初、1が2番目など）。したがって、メソッド呼び出しに正しい整数を渡していることを確認してください:)

コードが機能しない理由は、jQuery UIチームactivateがv1.10でメソッドを削除したばかりであり、特に私が提供したものを使用することを推奨しているためです：http://jqueryui.com/upgrade-guide/1.10/#re​​moved-activate- method -use-active-option

于 2013-03-26T15:00:32.147 に答える
-1

このようにアクティブにします

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

有効/無効にするには、その目的のメソッドを使用します。

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

最初の初期化後にアコーディオンのオプションにアクセスするには、optionsオブジェクトを使用します。

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

APIを見てくださいhttp://api.jqueryui.com/accordion/

于 2013-03-26T15:06:22.943 に答える
-2

これは機能するはずですが、アニメーション化されません。

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

于 2013-03-26T15:01:59.087 に答える