8

このselect要素を。で参照してくださいdisplay:none。jQuery Mobileでは、これにもかかわらず表示されます。

<select id="dddd" name="dddd"
        data-mini="true" data-native-menu="false" data-theme="c"
        onChange=""
        style="display:none">     
  <option value="1">An optinos</option>
</select>

select他のユーザーアクションに依存するjQueryMobile要素を表示/非表示にしようとしているので、上記を実行しているのはなぜですか。

何か案は？

4

1 に答える 1

12

ページが読み込まれると、jQuery Mobileはページを拡張して、モバイルのルックアンドフィールを実現します。残念ながら、現在jQuery mobileには、拡張要素にカスタムクラス（およびstyle属性によるカスタムスタイル）をアタッチできないという問題があります。この問題については、https：//github.com/jquery/jquery-mobile/issues/3577を確認してください。この問題がまだ解決されていない場合の回避策として、実際にdiv要素内にラップして、代わりにdivラッパーの表示を制御することができます。

<div id="dddd-wrapper" class="ui-screen-hidden">
  <select data-mini="true" data-native-menu="false" id="dddd" name="dddd" data-theme="c"     onChange="" style="display:none">     
    <option value="1">An optinos</option>
  </select>
</div>

ui-screen-hidden要素を非表示にするためのjquerymobileで定義されたスタイルルール（jquery.mobile..css内）です。

于 2012-08-15T13:23:58.227 に答える