Как мне вызвать событие на повороте вкладок jQuery? - PullRequest
Новая
       15

Как мне вызвать событие на повороте вкладок jQuery?

0 голосов
/ 15 марта 2012

У меня есть слайдер, созданный с помощью jQuery UI Tabs : 

<section id="featured">
    <aside id="sidebar">
        <ul class="ui-tabs-nav">
            <li class="ui-tabs-nav-item ui-tabs-selected">
                <a href="#panel_1">[Tab Heading]</a>
            </li>
            <li class="ui-tabs-nav-item">
                <a href="#panel_2">[Tab Heading]</a>
            </li>
            <li class="ui-tabs-nav-item">
                <a href="#panel_3">[Tab Heading]</a>
            </li>
            <li class="ui-tabs-nav-item">
                <a href="#panel_4">[Tab Heading]</a>
            </li>
        </ul>
    </aside>
    <section id="rotate_me">
        <div class="featured_panel" id="panel_1">
            <p>[Tab Content]</p>
        </div>
        <div class="featured_panel ui-tabs-hide" id="panel_2">
            <p>[Tab Content]</p>
        </div>
        <div class="featured_panel ui-tabs-hide" id="panel_3">
            <p>[Tab Content]</p>
        </div>
        <div class="featured_panel ui-tabs-hide" id="panel_4">
            <p>[Tab Content]</p>
        </div>
    </section>
    <script>$('#featured').tabs('rotate', 4000, false);</script>

Клиент хочет, чтобы вкладки вращались только на первой и второй вкладках.

Я добавил функцию к событию show: 

.tabs({
    show: function(event, ui) {
        var selected = $( ".selector" ).tabs( "option", "selected" );
        if (selected == 3) {
            $( "#featured" ).tabs( "option", "selected", 1 );
        }
    }
})

, но это ничего не дало.

Есть идеи, как заставить слайдер вращаться только на первой и второй вкладках?

1 Ответ

0 голосов
/ 15 марта 2012

Опция selected применяется только для инициализации.Вы можете просто нажать на первую вкладку. 

$("#featured li.ui-tabs-nav-item:first").trigger("click");
...