Вилучення вкладок jQuery - jquery, jquery-ui, jquery-ui-tabs

ОРИГІНАЛЬНИЙ ПИТАННЯ:

Чи можна вивести вулицю з id id = "вкладки", так що вкладки можуть відображатися в зовсім іншому місці?

http://jsfiddle.net/jQxc5/

EDIT 1:

але коли я намагаюсь це зробити, вкладки перестають працювати, наприклад:

http://jsfiddle.net/jQxc5/1/

Відповіді:

Якщо я правильно розумію ваше запитання, то вине може робити те, що ви намагаєтесь зробити, оскільки бібліотека користувацького інтерфейсу jQuery очікує на певний формат для своїх вкладок та при розбитті цього формату (що ви зробили у другому прикладі), користувальницький інтерфейс користувача jQuery не може обробити його.

Тепер, якщо ви хочете розділити ваш вміст з структури вкладки, ви можете завантажити вміст через AJAX. Ви зробите щось на зразок цього:

<div id="tabs">
<ul>
<li><a href="#tabs-1">Preloaded</a></li>
<li><a href="ajax/content1.html">Tab 1</a></li>
<li><a href="ajax/content2.html">Tab 2</a></li>
</ul>
<div id="tabs-1">
<p>Some data...</p>
</div>
</div>

Ви помітите, що друга і третя вкладки (табл1 та Tab 2) завантажують їх вміст з абсолютно окремої сторінки. Ви можете в основному помістити будь-яку URL-адресу зі свого сайту, і користувальницький інтерфейс jQuery завантажить його через AJAX. (Ви також можете попередньо завантажувати вкладки AJAX або завантажувати їх, коли користувач натискає вкладку.)

Однак видалення div з структури вкладки неможливе (і чому ваш другий приклад зламається).

Ви повинні подивитися на структуру css, створену за допомогою jQuery ui. Подивіться на вихід першого рішення та скопіюйте його до нової структури, він повинен зв'язати його з хорошим CSS-файлом.

На сайті jQueryui приклад, який відображається, виглядає приблизно так: <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">....

Я хотів, щоб я був ясним.