0

jquery モバイル サイトの単純なテーブルを使用しています。これが私のページのhtmlです。

    <div data-role="page" id="mainPage">
        <div data-role="content">

            <table data-role="table" id="my-table" data-mode="reflow">
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th>Movie Title</th>
                        <th>Year</th>
                        <th>
                            <abbr title="Rotten Tomato Rating">Rating</abbr></th>
                        <th>Reviews</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>1</th>
                        <td><a href="foo.com" data-rel="external">Citizen Kane</a></td>
                        <td>1941</td>
                        <td>100%</td>
                        <td>74</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

しかし、私のページは非常に醜いように見えます。ここにはjqueryが適用されていないようです。これがスクリーンショットです。 ここに画像の説明を入力

4

2 に答える 2

4

ここから http://forum.jquery.com/topic/where-to-get-jquery-mobile-table-js

テーブル機能は、リリースされていないバージョン 1.3 のみです。

1.3 をテストする場合は、GitHub からチェックアウトしてビルドするか、オンライン テスト ドキュメントから .js および .css ファイルをダウンロードします。

これはまだベータ版のソフトウェアではないため、本番環境では使用しません。

于 2012-12-30T08:21:35.653 に答える
2

https://github.com/frequent/tableviewで利用可能なレスポンシブ テーブル jQM プラグインが既に動作しています。

テーブルビューのみの非機能モードと、データベースプラグインと組み合わせて機能するモードの 2 つのモードがあります。

ここにデモがあります: http://www.franckreich.de/jqm/tableview/demo.html .

于 2012-12-30T09:11:28.367 に答える