Использование вкладок пользовательского интерфейса jQuery с пользовательским макетом HTML - PullRequest
Новая
       11

Использование вкладок пользовательского интерфейса jQuery с пользовательским макетом HTML

4 голосов
/ 29 августа 2010

Разметка, необходимая для jQuery UI Tabs , выглядит следующим образом ... 

<ul>
  <li>Tab1</li>
  <li>Tab2</li>
  <li>Tab3</li>
</ul>
<div>
  Panel 1
</div>
<div>
  Panel 2
</div>
<div>
  Panel 3
</div>

В некоторых случаях этого достаточно, но в других случаях, когда SEO и юзабилити являются высшими приоритетами, эта разметка не лучше. Я бы работал JQuery UI Tabs со следующей разметкой ... 

<div id="tabs">
  <div class="panel">
    <h3>Tab1</h3>
     Panel content 1
  </div>
  <div class="panel">
    <h3>Tab2</h3>
     Panel content 2
  </div>
  <div class="panel">
    <h3>Tab3</h3>
     Panel content 3
  </div>
</div>

Это возможно?

Я нашел здесь (http://christianyates.com/blog/semantic-tabs/semantic-tabs-jquery) другой плагин, который решает эту проблему, но я бы использовал плагин jQuery UI Tabs.

Ответы [ 2 ]

0 голосов
/ 29 августа 2010

На данный момент недоступно с вкладками пользовательского интерфейса jQuery.на форумах jQuery статус такого запроса: «мы подумаем» (ref: http://forum.jquery.com/topic/new-markup-structure-for-tabs)

Тот же человек предложил следующие изменения: http://fittopage.org/2010/05/tabs-done-right/

0 голосов
/ 29 августа 2010

Я рекомендую стиль JQuery UI.Это менее сложно и меньше кода.Вероятно, с SEO не получится.

...