jQuery UI不工作？（特別標籤）

奇怪的問題。我看過一些類似的問題 - 他們的答案都沒有解決我的問題。jQuery UI不工作？（特別標籤）

它正在做所有的事情，而不是標籤變得互動，就像他們的意圖，他們都顯示。

我將盡可能多的不必要的代碼包括在內，包括我的裝飾CSS。

請隨時向我諮詢更多信息。感謝您的觀看。

這是我的頭文件：

<link rel="stylesheet" type="text/css" href="/Include/styleSheetV2.css"/> 
<link rel="stylesheet" type="text/css" href="/Include/StyleSheet.CSS"/> 
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet"/> 
<script type="text/javascript" src="https://www.google.com/jsapi?key=(Removed key for StackOverflow)"></script> 

<script type="text/javascript" src="/JSFunctions.js"></script> 
<script type="text/javascript"> 
google.load("jquery", "1.6.4"); 
google.load("jqueryui", "1.8.16"); 
</script>

這是HTML代碼

<div id="prof_div" class="sG_tabber"> 
    <ul class="sG_tabberNav"> 
     <li><a href="#prof_home">Profile Home</a></li> 
     <li><a href="#prof_details">Details</a></li> 
     <li><a href="#prof_settings">Settings</a></li> 
    </ul> 
    <div id="prof_home" class="sG_tabberTab"> 
     1 
    </div> 
    <div id="prof_details" class="sG_tabberTab"> 
     2 
    </div> 
    <div id="prof_settings" class="sG_tabberTab"> 
     3 
    </div> 
</div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#prof_div > ul').tabs({ 
      fx: { height: 'toggle', opacity: 'toggle' } 
     }); 
    }); 
</script>

這是我的CSS代碼（只有必要位）

.ui-tabs-hide { 
    display: none; 
}

來源

2011-09-16 Ashley Davies

嘗試使用$("#prof_div").tabs()不#prof_div > ul

來源

2011-09-16 20:04:46

工作。 10分鐘後，我會打勾你的答案。感謝您的快速響應:) –

是的，通常它的原因很簡單，爲什麼jQuery ui鎖定 - 有時可能會有點複雜。只要確保兩倍和三倍檢查的例子。 –

jQuery UI不工作？ （特別標籤）

回答

相關問題

jQuery UI不工作？（特別標籤）