首先,你有很多重复的js文件,我一眼就能看到在3个单独的URL中对同一jQuery的3个调用,还有其他重复(容易),可能还有更多我错过的,请清理一下。
其次,如果没有正确使用jQuery工具,javascript需要一个选项卡和一个面板。
因此,请删除您的CSSid\'s
从您的内容中,您可以将其作为tabs-1
, tabs-2
, tabs-3
.
让它空着,把整个区域用"panel" div
. 它应该是这样的,(你真的不必这么做,但最好保持简单,首先让它工作起来。
<ul class="tabs">
<li><a href="#">Nunc tincidunt</a></li>
<li><a href="#">Proin dolor</a></li>
<li><a href="#">Aenean lacinia</a></li>
</ul>
<div class="panes">
<div><p>Proin elit arcu, rutrum ......etc...</p></div>
<div><p>Morbi tincidunt........etc...</p></div>
<div><p>Mauris eleifend est et ......etc...</p></div>
</div>
也更改jQuery函数:
$("ul.tabs").tabs("div.panes > div");
第一部分
.tabs
你是真的吗
li
中的选项卡
<ul class="tabs">
第二部分
.panes
是包裹在
<div class="panes">
PS. 我忘了添加,如果没有合适的CSS,这一切都不会起作用,您可以使用它或将其合并到您的主题样式表中作为我的示例,它应该可以很好地工作http://flowplayer.org/css/tabs.css