2011-03-16 47 views

回答

1

如果我正确理解你的问题,你不能做你正在尝试做的事情,因为jQuery UI库期望它的标签有一定的格式,当你打破这种格式时(你在第二次考试中ple),jQuery UI无法处理它。

现在,如果您希望将内容与标签结构分开,您可以使用load content via 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和表2)从一个完全独立的页面加载其内容。你基本上可以在你的网站上放置任何URL,jQuery UI将通过AJAX加载它。 (您也可以预先加载AJAX选项卡,或在用户单击选项卡时加载它们。)

但是,从选项卡结构中删除div是不可能的(以及为什么您的第二个示例会中断)。

1

你应该看看用jQuery ui创建的css结构。查看第一个解决方案的输出并将其复制到新的结构中,并将其与优秀的css文件链接起来。

在jQueryUI的网站,所显示的样子像这样的例子:<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">....

我跳我是清楚的。