javascript - 这个标签JS有什么问题？

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

你需要扭曲 $("#usual1 ul").idTabs(); 内部文档就绪事件尝试：

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

Answer 3

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

这是jsfiddle

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

Answer 4

jsFiddle 演示

你需要css styles为你的标签。

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

正如其他人已经指出的那样 - jquery 不包含在您的小提琴中。