Question

我有一个简单的html页面，我正在努力测试idTabs（http://www.sunsean.com/idTabs/）的功能。我无法让它正常工作。 jquery源似乎正在正确加载（通过Chrome控制台检查）。这些文件位于我桌面上的文件夹中..有关为什么不起作用的任何想法？

<!DOCTYPE html>
<body>
<head>    
<script type="text/javascript" src="jquery.idTabs.min.js"></script>
</head>
<body>
<ul class="idTabs"> 
<li><a href="#jquery">jQuery</a></li> 
<li><a href="#official">Tabs 3</a></li> 
</ul> 
<div id="jquery">If you haven't checked out ...</div> 
<div id="official">idTabs is only a simple ...</div>
</body>
</html>

Here is my output

Here is my file structure

Answer 1

<div id="idTtabs">
  <ul>
    <li><a href="#jquery">jQuery</a></li> 
    <li><a href="#official">Tabs 3</a></li> 
  </ul>
  <div id="jquery">
    If you haven't checked out ...
  </div>
  <div id="official">
    idTabs is only a simple ...
  </div>

</div>

<script>
$(document).ready(function(){
      $( "#idTabs" ).tabs(); 
})
</script>

您没有准备好我发送给您的链接中提供的示例。

idTabs jQuery插件无法正常工作

1 个答案: