我試圖使用jQuery UI的Tabs這個模塊,但每當我試圖這樣做,我得到以下錯誤在我的控制檯:奇jQuery UI的錯誤
Uncaught TypeError: Object #<an Object> has no method 'tabs'
我跟着演示的源到這封信,而且我仍然無法讓它工作。
我正在從本地加載CSS和來自Google CDN的JS,Chrome的開發者工具告訴我瀏覽器對於每個JS和CSS文件都得到了200 OK
。
任何人都可以對此有所瞭解嗎?
提前致謝!
每請求,我還加入了我的代碼:
<div id="tabs">
<ul>
<li><a href="#tabs-1">TrafficLight!</a></li>
<li><a href="#tabs-2">countr</a></li>
<li><a href="#tabs-3">Future projects</a></li>
</ul>
<div id="tabs-1">
<p><b>TrafficLight!</b> is an application that will temporarily turn your iPhone's screen red, yellow, or green. It's useful for providing instant, easy-to-understand feedback to anyone, especially a public speaker.</p>
<p><b><a href="#">Download on the App Store</a></b></p>
</div>
<div id="tabs-2">
<p><b>countr</b> is a basic counting application. You can use it to count baseball pitches, money, hats, anything!</p>
<p><b><a href="#">Download on the App Store</a></b></p>
</div>
<div id="tabs-3">
<p><i>Coming soon... ;)</i></p>
</div>
</div>
哎呀,忘了這部分代碼:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javasctipt" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
<link rel="stylesheet" href="jquery-ui-1.8.4.custom/css/ui-darkness/jquery-ui-1.8.4.custom.css">
您可以添加您用來初始化標籤頁和標籤頁HTML的代碼嗎? – 2010-09-15 21:09:04
你如何加載文件,他們必須按正確的順序加載,例如'jQuery.js'>'jQuery.UI.js'>'jQuery.UI.Tabs.js' – RobertPitt 2010-09-15 21:10:01
@T B:posted。 @RobertPitt:我已經按順序加載了它們:'jQuery.js'>'jQuery-UI.js'。我是否需要分別加載標籤庫?我不需要爲jQuery UI的'button()'方法做到這一點...... – esqew 2010-09-15 21:13:15