（jQuery的标签UI）如何防止无限制的jQuery标签创建

Question

我创建了这个网站，使用jQuery UI的标签为它的导航界面与此特定拖动标签插件：

https://jsfiddle.net/lifeto/ryhzwkph/16/

并注意标签能当您在'menu1'上点击多次时，可以无限次打开。

我想限制数量为1，但我不只是想写一个限制开放的代码，而是我想给每个选项卡一个唯一的ID，这样只要ID是仍然在打开的选项卡中，它不会重新打开相同的菜单。

我想用jQuery UI选项卡做的事情是，基本上制作一个程序栏，您可以在Windows系统上找到或在麦金托什码头停靠，并根据需求打开程序，并在它被打开，当相同的软件仍然打开时不会再次打开，最后，当我点击该程序时，切换回已经打开的程序窗口，而在另一个软件上工作。

我不确定是否将所有内容放在明确的上下文中，但这些是我希望看到并实施的内容。

任何人都可以帮我吗？

这里是我使用的标签的js脚本，

$(function() { 
    $(".tabpanel").tabs({ 
     closable: true, 
     addTab: true 
    }).tabs('overflowResize') 
    .find(".ui-tabs-nav").sortable({ 
     distance: 10 
    }); 
}); 


jQuery('.menu_a').on('click', function() { 
    jQuery('.tabpanel').tabs('add', 'title', '<iframe frameborder=0  src=naver.com class=frame_board></iframe>') 
}); 

感谢。

以防万一这里是有问题的活动网站：http://lifeto.cafe24.com/xe/

Answer 1

设置的条件，像这样：https://jsfiddle.net/Twisty/ryhzwkph/17/

var maxTabs = 10; 
$('.menu_a').on('click', function() { 
    if ($(".tabpanel li").length >= maxTabs) { 
    return false; 
    } 
    $('.tabpanel').tabs('add', 'title', '<iframe frameborder=0 src=naver.com class=frame_board></iframe>') 
}); 

希望有所帮助。