1

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>

しかし、タブが機能していませんか？

4

1 に答える 1

2

から二重引用符を削除します$("document")

そのはず：

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

または試してみてください：

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

編集:

提案のメモ:すべてが問題ない場合、これらのタイプのエラーは、他のライブラリを使用しているときに発生する可能性があります。たとえばprototype、jQuery ライブラリと競合している場合は、jQuery.noConflict( [removeAll] ).

実装のリファレンスを参照してください: jQuery.noConflict

于 2012-07-13T11:34:08.703 に答える