Question

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

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

并注意当您在菜单1＆＃39;上多次点击时，如何无限次打开标签。

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

我想用jquery ui标签做的是，基本上你可以在windows系统上找到一个程序栏，或者在mackintosh中停靠，程序按需打开，然后突出显示＆＃39;当它打开时，当相同的软件仍然打开时，不会再次打开，最后，当我点击该程序时，切换回已经打开的程序窗口，同时我正在处理其他软件。

我不确定我是否将所有内容置于明确的背景下，但这些是我希望看到并实施的内容。

任何人都可以帮助我吗？

这是我用于标签的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 tab ui）如何防止无限制的jquery选项卡创建

1 个答案: