我在jQuery移动页面上有一个选择按钮,上面有一个data-native-menu="false"。选项列表对于弹出窗口来说太长了,这就是 jqm 使用页面覆盖来显示选择菜单的原因。
我想使用此选择菜单进行导航,因此我将更改页面函数绑定到更改事件。
发生的情况如下:我点击一个列表项,新页面滑入并立即再次滑出。我的猜测是发生这种情况是因为自定义选择菜单的页面覆盖想要返回到从?!?调用它的页面
有什么想法可以防止这种情况吗?
提前谢谢你:-))
这是我的代码
.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> | <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:如果我设置数据原生菜单="true",它就像一个魅力(但我真的很喜欢使用自定义选择菜单)
不完全确定这是否是您要查找的(或者您是否真的解决了它),但看看这家伙对类似事情的回答(线程的最后一条评论)。它可能会为您指明正确的方向;)
JQuery 移动更改页面() 从动态创建的选择选项调用时片状?