Metro UI Framework のコントロール タブでデータ テーブルを使用する方法を教えてください。このフレームワークを使用したデータ テーブル: http://www.datatables.net/。Metro UI ( http://metroui.org.ua/tab-control.html )のコントロール タブに実装しようとしました。しかし、データ テーブルを表示できず、Java スクリプトでエラーが発生しました。以下のコード:
<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.dataTables.js"></script>
<script src="js/jquery/jquery.widget.min.js"></script>
<script src="js/metro/metro.min.js"></script>
<script src="js/metro/metro.min.js"></script>
<script src="js/metro/metro-tab-control.js"></script>
<script>
$(document).ready(function() {
$('#example').dataTable( {
"paging": false,
"ordering": false,
"info": false
} );
} );
</script>
<div class="tab-control" data-role="tab-control">
<ul class="tabs">
<li class="active"><a href="#_page_1">Anggota PTK</a></li>
<li><a href="#_page_2">Peserta Didik</a></li>
<li class="place-right"><a href="#_page_5"><i class="icon-plus-2"></i> Tambah Akun</a></li>
</ul>
<div class="frames">
<div class="frame" id="_page_1"><?php include "admin_viewdata_ptk.php";?></div>
<div class="frame" id="_page_2"><?php include "admin_viewdata_peserta.php";?></div>
<div class="frame" id="_page_5"><?php include "admin_user_adduser.php";?></div>
</div>
</div>
手がかりまたは解決策を教えてください。ありがとう