jQuery 1.6.2 と jQuery Mobile 1.0b3 を使用する Web アプリケーションがあります。オプションのリストを表示する必要があるため、カスタム選択を使用しました。ヘッダー ボタンを使用して選択を閉じることも、オプションを選択することもできません。
nativeMenu = false はグローバルに設定されています。を使用して選択を作成します
<select data-mini="true">
<option value="1">Option1</option>
<option value="2">Option2</option>
</select>
HTML は次のようになります (さらに多くのオプションがあるため、選択はフルスクリーンになります):
<div data-role="dialog" data-theme="c" data-overlay-theme="a" tabindex="0"
class="ui-page ui-body-c ui-dialog ui-overlay-a ui-page-active" style="min-height: 480px;">
<div role="dialog" class="ui-dialog-contain ui-corner-all ui-overlay-shadow">
<div data-role="header" class="ui-corner-top ui-header ui-bar-a" role="banner">
<a href="#" data-icon="delete" data-iconpos="notext"
class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-a" data-corners="true"
data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" title="Close">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Close</span>
<span class="ui-icon ui-icon-delete ui-icon-shadow"> </span>
</span>
</a>
<div class="ui-title"></div>
</div>
<div data-role="content" class="ui-corner-bottom ui-content ui-body-c" role="main">
<ul class="ui-selectmenu-list ui-listview" id="undefined-menu" role="listbox" aria-labelledby="undefined-button"
data-theme="c">
<li data-option-index="0" data-icon="false" class="ui-btn ui-btn-icon-right ui-li ui-btn-active ui-btn-up-c"
role="option" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div"
data-iconpos="right" data-theme="c" aria-selected="true">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a href="#" tabindex="-1" class="ui-link-inherit">Option1</a>
</div>
</div>
</li>
<li data-option-index="1" data-icon="false" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c" role="option"
data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right"
data-theme="c" aria-selected="false">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a href="#" tabindex="-1" class="ui-link-inherit">Option2</a>
</div>
</div>
</li>
</div>
</div>
</div>
ヘッダー ボタンは jQuery 1.8.3 および jQm 1.2.1 で動作します (オプションを選択しても機能しません) が、このバージョンを変更するとレガシー アプリで他の問題が発生するため、1.6.2 および jQm のソリューションを希望します。 1.0。選択が機能しない理由はありますか?
編集:数日間の検索の後、hashListeningEnabled = false を設定したため、ダイアログが閉じないことがわかりました。残念ながら、これを変更することはできません。これに出くわしました: https://github.com/jquery/jquery-mobile/issues/2285ですが、jQm/jQuery バージョンをアップグレードできません。だから私は選択のためのいくつかの良い代替手段を見つけることに残されています. 助言がありますか ?