0
これまでにjQuery Mobileを使ったことはありません。jQuery mobile/uiシンプルインポート
問題：タブは表示されません。タブはdivやliのままです。
誰かが私のエラーを指摘できますか？おそらくかなり単純です。
jQuery UI、モバイル、およびjquery（通常）がインポートされました。だから私はそれがすべてダウンしていたと思った。モバイルとUIは通常のjQueryを拡張しますか？しかしここの指示に従おうとしている：http://jqueryui.com/demos/tabs/#default私はそれをすることさえできませんでした。
任意のポインタ？
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script>
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-theme="a">
<h1>My App</h1>
</div><!-- /header -->
<div data-role="content">
<p>Hello world</p>
<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>Tab #1</p>
</div>
<div id="tabs-2">
<p>Tab #2</p>
</div>
<div id="tabs-3">
<p>Tab #3</p>
</div>
</div>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>