jsFiddle Demo

Question

我在这里使用标签脚本http://www.sunsean.com/idTabs/#advanced。它位于“常用”选项卡下。下面的jsfiddle也调用jquery.idTabs.min.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>

Answer 1

你没有包含jQuery; idTabs要求它运行。

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

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

要显示“标签”，您需要使用CSS样式：http://jsfiddle.net/PM3zG/5/

Answer 2

你需要扭曲$（“＃normal1 ul”）。idTabs（）;内部文档就绪事件尝试：

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

Answer 3

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

这是jsfiddle

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

Answer 4

jsFiddle Demo

您的标签页需要css styles。

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

正如其他人已经指出的那样 - 你的小提琴中没有包含jquery。

这个标签JS有什么问题？

4 个答案:

jsFiddle Demo