Вкладки Jquery-Tools - нужна специальная вкладка для загрузки двух div-ов на клике - PullRequest
Новая
       44

Вкладки Jquery-Tools - нужна специальная вкладка для загрузки двух div-ов на клике

0 голосов
/ 10 февраля 2012

У меня есть три вкладки, использующие вкладки инструментов jquery.Каждая вкладка вызывает разные div.Тем не менее, мне нужна вторая и третья вкладка для запуска двух div в разных местах (основной. Я пытался использовать индекс табуляции безрезультатно. Итак, вопрос в том, как я могу получить вторую и третью вкладку для запуска двух 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>

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 10 февраля 2012

См. Их документы

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(); 
            }
         }
    });
});
...