我在tab1中有个button 点击后跳转到tab2也米昂 怎么实现

easyui

解决方案 »

  1.   

    你的tab标签没有写出来？对标签页没有什么要求吗
      

  2.   


    没有，就是简单的tab1有个按钮，点击按钮跳到tab2，就行了 
      

  3.   

    没有，就是简单tab1里面有个按钮，点击这个按钮，跳到tab2，就行了
      

  4.   


    就是用了这个，现在我想实现从tab1里的按钮直接跳转到tab2，怎么实现啊
      

  5.   

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Basic Tabs - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    </head>
    <body>
    <h2>Basic Tabs</h2>
    <div class="demo-info">
    <div class="demo-tip icon-tip"></div>
    <div>Click tab strip to swap tab panel content.</div>
    </div>
    <div style="margin:10px 0;"></div>
    <div class="easyui-tabs" id="tt" style="width:700px;height:250px">
    <div title="About" style="padding:10px">
    <p style="font-size:14px">jQuery EasyUI framework help you build your web page easily.</p>
    <ul>
    <li>easyui is a collection of user-interface plugin based on jQuery.</li>
    <li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
    <li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML up.</li>
    <li>complete framework for HTML5 web page.</li>
    <li>easyui save your time and scales while developing your products.</li>
    <li>easyui is very easy but powerful.</li>
    </ul>
    <p><input type="button" value="switch" onclick="$('#tt').tabs('select', 'My Documents');" /></p>
    </div>
    <div title="My Documents" style="padding:10px">
    <ul class="easyui-tree" data-options="url:'../tabs/tree_data1.json',animate:true"></ul>
    </div>
    <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
    This is the help content.
    </div>
    </div>
    </body>
    </html>
    用的是1.3.3在tab的示例basic.html的基础上改的
      

  6.   

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Basic Tabs - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    </head>
    <body>
    <h2>Basic Tabs</h2>
    <div class="demo-info">
    <div class="demo-tip icon-tip"></div>
    <div>Click tab strip to swap tab panel content.</div>
    </div>
    <div style="margin:10px 0;"></div>
    <div class="easyui-tabs" id="tt" style="width:700px;height:250px">
    <div title="About" style="padding:10px">
    <p style="font-size:14px">jQuery EasyUI framework help you build your web page easily.</p>
    <ul>
    <li>easyui is a collection of user-interface plugin based on jQuery.</li>
    <li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
    <li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML up.</li>
    <li>complete framework for HTML5 web page.</li>
    <li>easyui save your time and scales while developing your products.</li>
    <li>easyui is very easy but powerful.</li>
    </ul>
    <p><input type="button" value="switch" onclick="$('#tt').tabs('select', 'My Documents');" /></p>
    </div>
    <div title="My Documents" style="padding:10px">
    <ul class="easyui-tree" data-options="url:'../tabs/tree_data1.json',animate:true"></ul>
    </div>
    <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
    This is the help content.
    </div>
    </div>
    </body>
    </html>
    用的是1.3.3在tab的示例basic.html的基础上改的就是静态代码，没什么用啊
      

  7.   


    你的tab数量不可预知？tab标题不可预知
      

  8.   


    你的tab数量不可预知？tab标题不可预知
    这些不能再html里面写吗？？？？？
      

  9.   

    这些不能再html里面写吗？？？？？
    re:什么意思？不能硬编码，可以用js创建呀
      

  10.   

    可以试一下用tab1内容中的按钮启动一下tab2标签卡的mouseclick或者mouseover事件（哪一种事件由tab实现方式决定的），至于启动方式，你可以用jquery的trigger方法或者直接启动。
    假设按钮id为‘btn’,tab是以click来实现：
    （1）用trigger，方法类似于：$('#btn').click(function(){
        $(tab2).trigger('click')
    })（2）直接启动类似于：$('#btn').click(function(){
        $(tab2).click();
    })
      

  11.   

    http://onlinetools.org/tools/domtabdata/你说的是这个效果吧