idTabs jQuery插件不工作_Jquery

idTabs jQuery插件不工作

jquery

idTabs jQuery插件不工作,jquery,Jquery,我有一个简单的html页面，我正在测试idTabs（）的功能。我不能让它正常工作。jquery源似乎加载正确（通过Chrome控制台检查）。这些文件位于我的桌面上的文件夹中。。有没有想过为什么这不起作用 <!DOCTYPE html> <body> <head> <script type="text/javascript" src="jquery.idTabs.min.js"></script> </head> &l

我有一个简单的html页面，我正在测试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>






如果你还没有退房。。。
idTabs只是一个简单的。。。






如果你还没有退房。。。
idTabs只是一个简单的。。。
$（文档）.ready（函数（）{
$（“#idTabs”）.tabs（）；
})

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

您应该调用$（“#idTabs”）.tabs（）；在document.ready（）上。请参阅这也不起作用>>$（document.ready（function（）{$（“#idTabs”）.tabs（）；}）；您缺少了一些CSS+Waqar-ment-idTabs（）--PS:我已经在fiddle@alitrix的“外部资源”Thx中添加了CSS！看起来我没有包括css

<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>