(jquery 选项卡 ui) 如何防止无限制地创建 jquery 选项卡

Question

我创建了这个网站，它使用 jquery ui 标签作为其导航界面，带有这个特定的可拖动标签插件：

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

请注意，当您多次单击 'menu1' 时，选项卡可以无限次打开。

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

我想用 jquery ui 选项卡做的是，基本上制作一个程序栏，您可以在 windows 系统或 mackintosh 中找到它，其中一个程序按需打开，打开时'highlighted'，同一个软件打开时不会再打开，最后点击切换回已经打开的程序window在那个程序上，而我在其他软件上工作。

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

谁能帮帮我？

这是我用于选项卡的 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>')
});

希望对您有所帮助。

(jquery 选项卡 ui) 如何防止无限制地创建 jquery 选项卡

(jquery tab ui) how to prevent unlimited jquery tab creation

javascript

jquery

tabs

jquery-ui