jquery mobile - changePage interfering with custom select -
i have select button on jquery mobile page data-native-menu="false". list of options long pop-up, why jqm uses page overlay show select-menu.
i'd use select menu navigation, bind change event changepage function.
here's happens: tap on list item, new page slides in , slides out again immediately. guess happens because page overlay of custom select menu wants go page invoked ?!?
any ideas prevent this?
thank in advance :-))
here's code
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: if set data-native-menu="true" works charm (but use custom select menu)
not entirely sure if looking (or if solved it), have @ guy's answer on similar thing (the last comment on thread). might point in right direction ;)
jquery mobile changepage() flaky when called dynamically created select option?
Comments
Post a Comment