使用jQuery UI选项卡使用自定义HTML布局

通过jQuery UI的标签就像以下所需的标记......使用jQuery UI选项卡使用自定义HTML布局

<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选项卡...

<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插件。

来源

2010-08-29 Lester