我有一个标签菜单,用户可以在其中添加和删除他们想要的标签。创建新选项卡时,他们可以随意命名(为此会打开一个引导模式框)。命名选项卡后,选项卡被创建,但我不知道如何处理内容。我需要为添加的每个选项卡加载相同的内容,我尝试了我在网上找到的各种脚本,但似乎没有任何效果。
这是我使用的 jQuery:
$('.tabs a:last').tab('show');
$('#createTab').click(function() {
/* opens the modal box */
$('#tabModal').modal();
});
/* after clicking on a link Submit that has the id of newTab */
$('#newTab').click(function(){
var title = $('#myInput4').val();
$('#tabHeaders')
.append($('<li><a href="#' + title + '" class="tabs"><h1>'+ title +'<i class="icon-remove"></i></h1></a></li>'));
$('#myTabContent') /* this way adding content does not really work */
.append($('<div class="tab-pane fade in active" id="'+ title +'"></div>'));
$(title).tab('show');
});
/* tab delete */
$('.tabs i.icon-remove').live('click', function() {
$(this).closest('li').remove();
});
用于添加按钮的 HTML:
<ul class="nav nav-tabs" id="tabHeaders">
<li><a href="#" data-toggle="tab" id="createTab"><h1> <i class="icon-plus"></i> </h1></a></li>
</ul>
如果有人可以帮助我加载内容,我将不胜感激。我创建了一个文件 addTab.php,我希望将其加载到内容部分 - 当用户单击#createTab 时,首先他们选择选项卡的名称,然后将内容加载到该选项卡。