1

選択メニューのスタイルに問題があります。

次のコードとスタイルがあります。

<select id="anredeMenu" data-native-menu="false" data-inline="true">
        <option value="1">Firma</option>
        <option value="2">Familienbetrieb</option>
        <option value="3">Herr</option>
        <option value="4">Frau</option>
        <option value="5">Familie</option>
</select>

そして、私は別のものを持っています:

<label for="select-choice-0" class="select">Shipping method:</label>
<select name="select-choice-0" id="select-choice-1">
   <option value="standard">Standard: 7 day</option>
   <option value="rush">Rush: 3 days</option>
   <option value="express">Express: next day</option>
   <option value="overnight">Overnight</option>
</select>

コードはほぼ同じです。唯一の違いは: data-native-menu="false" data-inline="true" すべての選択メニューで最初の例のスタイルが必要です。

jquery mobile の標準 CSS を組み込み、iPhone スタイルを側に組み込みます。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="style.css" />  //from http://taitems.tumblr.com/post/7240874402/ios-inspired-jquery-mobile-theme-jquery-mobile
4

1 に答える 1

0

pagebeforecreateイベントにバインドして、ページ内のdata-すべての<select>要素に必要な属性を追加できます。

$(document).on("pagebeforecreate", function(e) {
    $("select", e.target).attr({
        "data-native-menu": "false",
        "data-inline": "true"
    });
});

このハンドラーは、jQuery Mobile がページ内の要素にウィジェットを適用する前に実行されるため、すべての<select>要素が最初から適切に構成されているかのように動作します。

于 2013-02-26T14:45:30.880 に答える