Question

我有三个使用jquery工具标签的标签。每个标签触发一个不同的div。但是，我需要第二个和第三个选项卡在不同的位置触发两个div（主要。我尝试使用tab索引无效。所以，问题是，如何让第二个和第三个选项卡触发两个div？

我回到了标签的基本加载方法。

<script>
$(function() {
    $("ul.tabs").tabs("div.panes > div");
});
</script>

HTML如下：

<div id="search-wrapper">
    <div id="navcontainer">
        <ul class="tabs">
            <li><a href="#">Tab 0</a></li>
            <li><a href="#">Tab 1</a></li>
            <li><a href="#">Tab 2</a></li>
        </ul>
    </div>

    <input type="text" name="searchinput" id="searchinput" size="30">
    <input type="submit" value="Search" />  

    <!-- I need this div to open onClick of Tab 1 and Tab 2-->
    <div style="display: none" id="categoryselector">
        This will contain specific selectors for the search.
    </div>
</div><!--end of search-wrapper-->


<!-- Below are the main tabs that open correctly -->
<div class="panes">
    <div class="tabcontent">Tab 0</div>
    <div class="tabcontent">Tab 1</div>
    <div class="tabcontent">Tab 2</div>
</div>

感谢任何帮助。

Answer 1

查看他们的文档

http://flowplayer.org/tools/tabs/index.html

绑定到标签的点击事件。

$(function() {
    $("ul.tabs").tabs("div.panes > div", {
         onClick: function(event, tabIndex) {
            if (tabIndex == 1 || tabIndex == 2) { 
                $('#categoryselector').show(); 
            }
         }
    });
});

Jquery-Tools选项卡 - 需要一个特定的选项卡来加载两个div onClick

1 个答案: