idTabs jQuery插件不工作

我有一个简单的html页面，我正在测试idTabs（http://www.sunsean.com/idTabs/）的功能。我无法正常工作。 jquery源代码似乎正在加载（通过Chrome控制台进行检查）。这些文件在我的桌面上的一个文件夹..任何想法，为什么这是行不通的？idTabs jQuery插件不工作

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

来源

2015-06-05 Steve Salowitz

您应该调用$（“#idTabs”）.tabs（）;上的document.ready（），请参阅https://jqueryui.com/tabs/ – Waqar

这也不管用>> \t $（文件）。就绪（函数（）{ \t \t $（“＃ idTabs“）.tabs（）; }）; –

你错过了一些CSS + Waqar ment idTabs（） - http://jsfiddle.net/y44fpybz/ PS .:我已经在'外部资源'中添加了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>

你没有准备的链接，我不得不给你精心提供的例子。

来源

2015-06-05 16:23:08 Waqar

idTabs jQuery插件不工作

回答

相关问题