2

我已经建立了一个系统来使用 jQuery 动态创建新选项卡，以便在单击链接时创建一个新选项卡。每个选项卡的内容设置为文本框。是否可以将选项卡的标题更改为在文本框中输入的内容，理想情况下是在键入时而不是在单击 Enter 或其他按钮后？

我还有另一个问题，我不确定这是否需要一个新问题，但无论如何都可以。我还需要能够删除选项卡，最好是在单击链接时。我认为这是可能的，但我不太确定如何。到目前为止，我已经想到了一个 jQuery 函数，您可以将选项卡的 id 传递给它，它会删除链接和内容，但我真的不知道如何编码？

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 回答