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插件不工作

回答

相關問題