2

リンクをクリックすると新しいタブが作成されるように、jQuery を使用して新しいタブを動的に作成するシステムをセットアップしました。各タブの内容はテキストボックスとして設定されています。タブのタイトルをテキスト ボックスに入力されたものに変更することはできますか?

別の問題もあります。これに新しい質問が必要かどうかはわかりませんが、とにかくここに行きます。理想的にはリンクをクリックしたときに、タブも削除できる必要があります。これは可能だと思いますが、どうすればよいかわかりません。これまでのところ、タブのIDを渡してリンクとコンテンツを削除するjQuery関数を考えましたが、コーディング方法が本当にわかりませんか?

jsFiddle: http://jsfiddle.net/BenedictLewis/eYePA/

Info:
I am using Twitter Bootstrap with the theme Simplex from Bootswatch.
The CSS and JS files for Bootstrap are loaded from BootstrapCDN.
4

1 に答える 1

3

試す

$('#tabContent').on('keyup', 'input[id^="pageTitle_tab"]', function(){
    var index  = $(this).closest('.tab-pane').index();
    $('#tabHeaders li:eq(' + (index + 1) + ') a').html(this.value)
})

デモ:フィドル

于 2013-04-08T13:31:43.270 に答える