Question

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

我还有另一个问题，我不确定这是否需要一个新问题，但无论如何都要进行。我还需要能够删除标签，最好是在点击链接时。我认为这是可能的，但我不确定如何。到目前为止，我已经想到了一个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.

Answer 1

尝试

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

演示：Fiddle

使用jQuery重命名Bootstrap选项卡

1 个答案: