jquery - jQuery选项卡不起作用

Question

我正在使用 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>

但标签不起作用？

Answer 1

删除双引号$("document")

它应该是：

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

或尝试：

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

编辑：

建议注意：如果一切正常，那么当您使用任何其他库时可能会发生这些类型的错误，例如prototype它与 jQuery 库冲突，以消除您必须经历的冲突jQuery.noConflict( [removeAll] )。

参见参考实现：jQuery.noConflict