我正在使用这里的标签脚本http://www.sunsean.com/idTabs/#advanced。它位于“常用”选项卡下。下面的jsfiddle也会调用jquery.idTabs.min.js。您将在“外部资源”下看到它。任何人都可以看到我做错了 - 为什么选项卡不呈现？这个标签JS有什么问题？

http://jsfiddle.net/PM3zG/

<div id="usual1" class="usual"> 
    <ul> 
    <li><a href="#tab1" class="selected">Tab 1</a></li> 
    <li><a href="#tab2">Tab 2</a></li> 
    <li><a href="#tab3">Tab 3</a></li> 
    </ul> 
    <div id="tab1" style="display: block; ">This is tab 1.</div> 
    <div id="tab2" style="display: none; ">More content in tab 2.</div> 
    <div id="tab3" style="display: none; ">Tab 3 is always last!</div> 
</div>

来源

2013-04-08 4thSpace

那么你不包括jQuery的... http://jsfiddle.net/ExplosionPIlls/PM3zG/1/ – 2013-04-08 19:36:59

当我尝试你的例子，它仍然不显示任何标签。 – 4thSpace 2013-04-08 19:41:17

为什么不使用jQuery UI选项卡？ – 2013-04-08 19:45:31

您不包括jQuery的; idTabs要求它运行。

<script src="jquery.min.js"></script>

http://jsfiddle.net/PM3zG/4/

要显示 '标签'，你需要的CSS样式：http://jsfiddle.net/PM3zG/5/

来源

2013-04-08 19:38:48

猜猜我应该使用不同的选项卡示例。你知道这样一个人，但与标签造型。 – 4thSpace 2013-04-08 19:44:58

我会做我自己的造型。这并不难，我做了一个简单的大纲（更新答案）。如果你不想做太多的样式，也可以考虑使用Bootstrap（http://twitter.github.io/bootstrap/javascript.html#tabs）。 – 2013-04-08 19:46:51

你需要弯曲$（ “＃usual1 UL”）idTabs（）。内部文档准备事件的尝试：

$(document).ready(function(){ 
    $("#usual1 ul").idTabs(); 
});

来源

2013-04-08 19:40:43

jsFiddle Demo

你需要有css styles为您的标签页。

我只是将这个css http://www.sunsean.com/idTabs/main.css包含在你的小提琴中，现在看起来可以按需要工作。

正如其他人已经指出 - jquery不包括在你的小提琴。

来源

2013-04-08 19:51:54

代码中没有错误，您只需添加正确的资源即可。请为标签添加最新的jquery.min.js和css。

这里是的jsfiddle

`http://jsfiddle.net/PM3zG/7/`

来源

2013-04-08 19:54:00

这个标签JS有什么问题？

回答

jsFiddle Demo

相关问题