0

2 つのタブがあり、2 つ目を選択済み/アクティブとして選択したいと考えています。アクティブ/選択の違いはわかりませんが、このコードは機能しません:

$(function() {
  $( "#tabs" ).tabs();
  $( "#tabs" ).tabs({ selected: "#tabs-1" });
});

私はそれを次のように変更しました：

$(function() {
  $( "#tabs" ).tabs();
  $( "#tabs" ).tabs({ selected: 2 });
});

選択したものを 2 から 1 または 0 に変更しますが、うまくいきません。

ユーザーがタブをクリックすると、Cookie が選択を記録し、訪問者が次回アクセスしたときに、記憶されたタブがアクティブになるはずです。 ありがとう

4

1 に答える 1

4

selected は、jQuery UI タブ ウィジェットの有効な属性ではありません。アクティブに使用する必要があります。 http://api.jqueryui.com/tabs/

このコードが機能しない理由は、タブ ウィジェットを 2 回初期化するためです。

$(function() {
    $( "#tabs" ).tabs(); //initialize tabs without specifying selected.
    $( "#tabs" ).tabs({ selected: 2 }); //doesn't work
});

次のいずれかを行います。

$(function() {
    $( "#tabs" ).tabs({ active: 2 });
});

またはこれ：

$(function() {
    $( "#tabs" ).tabs();
    $( "#tabs" ).tabs( "option", "active", 2 );
});
于 2013-08-26T14:53:52.040 に答える