2012-07-13 115 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