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

jQuery选项卡无法正常工作

1 个答案: