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>&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: 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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -