JQuery UI Tabs: множественный список в div

Question

У меня есть div с несколькими html-списками, и я хочу использовать этот div для вкладок jquery ui, могу ли я сделать так, чтобы конкретный список использовался для отображения вкладок?

Примерно так:

    <div id="tabs">
        <ul id="tabs-list">
            <li style="display: none">
                <a href="#tabs-1">Preloaded</a>
            </li>
            <li style="display: none">
                <a href="#tabs-1">Tab2</a>
            </li>       <li style="display: none">
                <a href="#tabs-3">Tab3</a>
            </li></ul>

<ul>
       <li>list 1</li>
       <li>list 1-2</li>
<ul>
</div>

Можно ли указать Jquery UI использовать ul с id # tabs-list?

Answer 1

Вы не можете.Плагин возьмет первый ol или ul, который он найдет, и использует его (и нет возможности изменить это поведение):

this.list = this.element.find( "ol,ul" ).eq( 0 );

В вашем случае первый список в любом случае являетсяк б / у, но если вы измените их порядок, он больше не будет работать.

Вам придется немного поменять разметку.