1

私がやろうとしていることは簡単です。ボタンがクリックされたときだけ jQuery UI タブをロードしたい。そして、特定のタブを表示するようにします。最初の部分は機能し、2 番目の部分は機能しません。私が間違っていることについてのアイデア!!!

$('[name="testBtn"]')
.click(function(){
  $("#main").load("test.html", function() {
    $(col3).empty();
    var tabs = $("#tabs");
    $(tabs).tabs();
    $(tabs).tabs('select', 3);
  });

私もこの方法を使用しました:

$('[name="testBtn"]')
.click(function(){
  $("#main").load("test.html", function() {
    $(col3).empty();
    $("#tabs").tabs('select', 3);
  });

HTML コードは次のとおりです。

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Test 1</a></li>
        <li><a href="#tabs-2">Test 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
</div>
4

1 に答える 1

0

最後に、それを実装する方法を見つけることができました。新しい activate メソッドを指摘してくれた Barmar に感謝します。マニュアルを読むべきでした:) ボタンのコードは次のとおりです。

$('[name="testBtn"]')
.click(function(){
  $("#main").load("test.html", function() {
    $(col3).empty();
    var tabs = $("#tabs");
    $(tabs).tabs();
    $(tabs).tabs( "option", "active", 1 );
  });

すべては API ページで説明されています: jQuery UI Tabs API ページ

于 2013-02-05T14:00:53.173 に答える