Question

我正在尝试添加创建标签菜单，但我希望在用户点击“保存并继续”按钮时向用户显示新标签

使用以下脚本

<script>

$(function () 
{
     var $tabs = $("#tabs");
     $tabs.tabs();
     $tabs.tabs("option", 'disabled', [1, 2, 3]);
     function getSelectedTabIndex() 
     {
          return $tabs.tabs('option', 'selected');
     }

     $("#goNext").click(function () 
     {
          var b = getSelectedTabIndex() + 1;
          $tabs.tabs('enable', b);
          $tabs.tabs('option', 'active', b);
          $tabs.tabs('option', 'selected', b);
      });
});
</script>

Answer 1

请尝试以下代码....

此处还有Demo ...

第1步：创建标签

<div style="margin-bottom:10px">
    <a href="#" class="easyui-linkbutton" onclick="addTab('google','http://www.google.com')">google</a>
    <a href="#" class="easyui-linkbutton" onclick="addTab('jquery','http://jquery.com/')">jquery</a>
    <a href="#" class="easyui-linkbutton" onclick="addTab('easyui','http://jeasyui.com/')">easyui</a>
</div>
<div id="tt" class="easyui-tabs" style="width:400px;height:250px;">
    <div title="Home">
    </div>
</div>

第2步：实施'addTab'功能

function addTab(title, url){
    if ($('#tt').tabs('exists', title)){
        $('#tt').tabs('select', title);
    } else {
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
        $('#tt').tabs('add',{
            title:title,
            content:content,
            closable:true
        });
    }
}

Answer 2

从Jquery UI active，试试这个，

$( "#tabs" ).tabs( {active:1});
// activate next tab
$( "#tabs" ).tabs( "option", "active", tabCounter-1 );

演示链接http://jsfiddle.net/dhana36/y2U5u/

JQuery中的标签创建菜单

2 个答案: