1

選択メニューのあるシンプルなフォームがあります:

<div data-role="page">
    <div data-role="popup" id="popupAddItem">
        <select name="select-choice" data-native-menu="false">
            <option>Select an option</option>
            <option value="a">A</option>
        </select>
    </div>
    <a href="#popupAddItem" data-rel="popup" data-role="button" data-icon="info">Add Item</a>
</div>

data-native-menu="false"ドロップダウンが見栄えがするように追加しましたが、フォームがポップアップ内にある場合は機能しないようです。

したがって、削除するdata-role="popup"と、カスタム選択要素が機能するように見えますが、そうでない場合は機能しません。

これはバグですか、それとも何か間違っていますか? jsfiddleを参照してください

4

1 に答える 1

0

私の理解では、ポップアップ自体としてレンダリングされたカスタム選択メニューと jQM のポップアップは連鎖できません。

ポップアップの代わりに jQM モーダル ダイアログを使用して、同様の効果を得ることができます。

<div data-role="page">
    <a href="#popupAddItem" data-rel="dialog" data-role="button" data-icon="info">Add Item</a>
</div>
<div data-role="page" id="popupAddItem">
        <div data-role="content">
        <select name="select-choice" data-native-menu="false">
            <option>Select an option</option>
            <option value="a">A</option>
        </select>
        </div>
</div>

ここにjsFiddleがあります

于 2013-02-16T02:35:20.203 に答える