1

jquery mobile にアクセスすると、モバイル ツールを実装するためのコードがサイトに含まれていることがわかりますが、ツールはデスクトップ バージョンでも動作するので、どのようにしてそれを行ったのだろうかと思います。

リンクはこちら: http://jquerymobile.com/demos/1.2.0/docs/forms/switch/

サイトのコードを実装しようとしましたが、うまくいきません。

In the header:
    <script src="http://code.jquery.com/jquery-latest.min.js"
            type="text/javascript"></script> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>


In the body:    
<div class="containing-element">
        <label for="flip-min">Flip switch:</label>
        <select name="flip-min" id="flip-min" data-role="slider">
            <option value="off">Switch Off</option>
            <option value="on">Switch On</option>
        </select>
    </div>

なぜこれが違う結果になるのですか？これは、次のようなものを返します。 ここに画像の説明を入力

4

1 に答える 1

3

これはおそらく、ライブラリに付属しているJqueryモバイルスタイルシートをリンクしていないためだと思います。それに付属しているcssスタイルによって、多くのui要素がWebサイトで表示されるように見えます。

これを頭に入れて

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />

これをメインラッパーdivに追加します

<div data-role="page">
于 2013-02-26T23:05:39.657 に答える