1

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>

手がかりまたは解決策を教えてください。ありがとう

4

0 に答える 0