这个标签JS有什么问题

What is wrong with this tab JS?

本文关键字：什么 问题 JS 标签      更新时间：2023-09-26

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

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

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

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

要显示'tabs'，你需要CSS样式:http://jsfiddle.net/PM3zG/5/

你需要翘曲$("# usal1ul ").idTabs();文档内部准备事件try:

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

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

这是jsfield 

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

jsFiddle演示

你的标签需要css styles。

我只是包含了这个css http://www.sunsean.com/idTabs/main.css在你的小提琴，现在似乎是按要求工作。

并且正如其他人已经指出的- jquery并没有包含在你的小提琴

相关文章：