changePage 干扰自定义选择答案

【问题标题】：changePage interfering with custom selectchangePage 干扰自定义选择
【发布时间】：2012-07-24 20:20:36
【问题描述】：

我在带有 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" 它就像一个魅力（但我真的很喜欢使用自定义选择菜单）

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

不完全确定这是否是您正在寻找的东西（或者您是否真的解决了它），但是看看这个人对类似事情的回答（线程上的最后一条评论）。它可能会为您指明正确的方向；）

JQuery Mobile changePage() flaky when called from dynamically created select option?

【讨论】：