changePage, мешающий пользовательскому выбору

Question

У меня есть кнопка выбора на мобильной странице jquery с данным native-menu = "false". Список параметров слишком длинный для всплывающего окна, поэтому 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> 

ЯШ:

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

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

      return false; 
      }); 

пс: если я набор данных native- menu = "true" работает как шарм (но мне очень нравится использовать меню пользовательского выбора)

Answer 1

Не совсем уверен, что это то, что вы ищете (или если вы его фактически решили), но посмотрите на ответ этого парня на подобную вещь (последний комментарий к теме). Это может указывать на правильное направление;)

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