2012-07-13 155 views
1

我創建使用jQuery的標籤:jQuery的標籤不工作

$("document").ready(function() { 
    $("#tabs").tabs(); 
}); 

和HTML:

<div id="tabs"> 
<ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 
<div id="tabs-1"> 
     <p>Proin ur nec arcu m sodal mpus lectus.</p> 
</div> 
<div id="tabs-2"> 
     <p> llus p Mauris consectetur tortor et purus.</p> 
</div> 
<div id="tabs-3"> 
     <p> sus he nec, luctus a, lacus.</p> 

</div> 
</div> 

CSS:

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css"> 

,我已經包括了jQuery是:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script> 

但該標籤不起作用?

+0

似乎[我工作](http://jsfiddle.net/jamesallardice/VYgYj/)。但請注意,通常您會希望'$(document)',不帶引號。它不會有所作爲,但它更有意義。 – 2012-07-13 11:28:31

+0

@JamesAllardice但我使用相同的代碼和它不工作 – 2012-07-13 11:30:53

+0

@Podge你我也包含了css – 2012-07-13 11:31:35

回答

2

取下$("document")

雙引號它應該是:

$(document).ready(function() { 
    $("#tabs").tabs(); 
}); 

或者try:

$(function(){ 
    $("#tabs").tabs(); 
}) 

編輯:

建議注:如果一切正常,那麼當您使用任何其他庫如prototype時,這些類型的錯誤可能會發生,然後它與jQuery庫發生衝突,以消除與jQuery.noConflict([removeAll])之間的衝突。

實施見參考文獻:jQuery.noConflict

+1

解決它不會有所作爲。你可以選擇任何東西(或者什麼都沒有),'ready'仍然會表現相同。 – 2012-07-13 11:34:28

+0

@Mayank swami:你是否在使用任何其他庫,如原型? – 2012-07-13 11:39:41