0

data-native-menu="false" の jquery モバイル ページに選択ボタンがあります。オプションのリストがポップアップには長すぎるため、jqm はページ オーバーレイを使用して選択メニューを表示します。

この選択メニューをナビゲーションに使用したいので、変更イベントに changePage 関数をバインドします。

何が起こるか: リスト項目をタップすると、新しいページがスライドインし、すぐにスライドアウトします。私の推測では、カスタム選択メニューのページ オーバーレイが ?!? から呼び出されたページに戻りたいために、これが発生するのではないでしょうか。

これを防ぐためのアイデアはありますか？

前もって感謝します ：-））

これが私のコードです

html:

            <div id="one" data-role="page" data-theme="a"> 
            <div >
            <div class="myHeader"></div>
            </div> 
            <div data-role="content"> 
            <div id="startbuttons">
            <a href="#two" data-role="button" data-theme="a" data-transition="slide">PREIS ERMITTELN</a>
            <select name="miet" id="miet" data-theme="b" data-native-menu="false" data-icon="false" data-iconpos="center" data-overlay-theme="b">
            <option data-placeholder="MIETSTATIONEN">MIETSTATIONEN</option>
            <option value="mietstation_dummy.html">HAMBURG</option>
            <option value="mietstation_dummy.html">BERLIN</option>
            <option value="mietstation_dummy.html">MÜNCHEN</option>
            <option value="mietstation_dummy.html">HAMBURG</option>
            <option value="mietstation_dummy.html">BERLIN</option>
            <option value="mietstation_dummy.html">MÜNCHEN</option>
            <option value="mietstation_dummy.html">HAMBURG</option>
            <option value="mietstation_dummy.html">BERLIN</option>
            <option value="mietstation_dummy.html">MÜNCHEN</option>
            <option value="mietstation_dummy.html">HAMBURG</option>
            <option value="mietstation_dummy.html">BERLIN</option>
            <option value="mietstation_dummy.html">MÜNCHEN</option>
            </select>
            </div>
            <p class="linktxt" data-theme="a">Oder besuchen Sie unsere<br><a data-theme="a" href="hmm.html">Standard-Website</a></p>
            <p class="linktxt kontakt"><a data-theme="a" href="hmm.html">Kontakt</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a data-theme="a" href="hmm.html">Impressum</a></p>
            </div> 
            </div>

js:

            $('#miet').change(function(event){

            var $vn = $('#miet').val();
            $.mobile.changePage(''+$vn, { transition: "slide"} );
            $('#miet').val('MIETSTATIONEN').selectmenu('refresh');

            return false;
            });

ps: data-native-menu="true" を設定すると、魅力的に機能します (ただし、カスタム選択メニューを使用するのが本当に好きです)

4

1 に答える 1

0

これがあなたが探しているものかどうか（または実際に解決したかどうか）は完全にはわかりませんが、同様のことに関するこの男の答えを見てください（スレッドの最後のコメント）。それはあなたを正しい方向に向けるかもしれません;）

動的に作成された選択オプションから呼び出されると、JQuery Mobile changePage() は不安定になりますか?

于 2012-07-24T12:20:36.630 に答える