5

ボタンクリックで動的タブを追加しようとしていました。無事に完成させました。ここで、作成時に動的タブが自動的に選択されるようにします。

これは私のコードです:

$(document).ready(function(){

    var tabs = $("#container-1").tabs();
    $('#add_tab').click( function(){
            var ul = tabs.find( "ul" );
            $( "<li><a href='#newtab'>New Tab</a></li>" ).appendTo( ul );
            $( "<div id='newtab'>Name :<input type='text'></input></div>" ).appendTo( tabs );
            tabs.tabs( "refresh" );
            tabs.tabs("select", 1);
        });
});

CDN リンクを次の順序で使用します。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

問題は、動的タブが自動的に選択されないことです

私が得るエラーは次のとおりです。

Error: no such method 'select' for tabs widget instance
http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
Line 2

これを修正するにはどうすればよいですか?

注: 私のコードは jsfiddle で動作しています: http://jsfiddle.net/StDbH/

しかし、私のシステムではありません: Fedora 16 + Firefox 18.0.1

4

2 に答える 2

9

更新後に次の行を追加します。

tabs.tabs( "option", "active", -1 );

http://jsfiddle.net/StDbH/1/

于 2013-01-29T05:59:20.707 に答える
1

タブのshow()オプションを試す

$( ".selector" ).tabs({ show: { effect: "blind", duration: 800 } });
于 2013-01-29T05:54:29.987 に答える