これ とダウンロードしたライブラリを参照しました(ここでjquery-ui-1.8.19.custom
言及されている31個のコンポーネントすべて)
サンプルコードに従いました。しかし、うまくいきませんでした。これが私の完全なコードです。
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Default functionality</title>
<script type="text/javascript" src="1_6js.js"></script>// this is 1.6 jQuery pluging and it works well in other pages
<script type="text/javascript" src="jquery-ui-1.8.19.custom.min.js"></script> // this is my jquery ui plugin
<script>
$(function() {
alert("hi") // this alert showed in browser
$( "#tabs" ).tabs();
alert("oh") // this alert is also showed.
});
</script>
</head>
<body>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
<li><a href="#tabs-3">tab 3</a></li>
</ul>
<div id="tabs-1">
Content 1
</div>
<div id="tabs-2">
Content 2
</div>
<div id="tabs-3">
Content 3
</div>
</div>
</div><!-- End demo -->
</body>
</html>
CSSスタイルは必要ありません。機能するシンプルなタブ ペインだけが必要で、後で改善できます。$( "#tabs" ).tabs();
</script> タグの中に body タグを入れています。それもうまくいきませんでした。誰でも私が見逃した場所や問題がある場所を教えてくれます。