jQM以编程方式导航到页面

Question

我正在使用1.4因此不推荐使用changePage()技术,我宁愿不使用它...

http://api.jquerymobile.com/jQuery.mobile.changePage/

我有这个代码:

$("select.start").change(function() {
  alert('test');
  $("#home").pagecontainer("change", "#pick");
  //$("#pick").pagecontainer("change");
});

以上都没有工作 - 'change'事件正在触发,但是当选择了select选项时,没有页面#pick根据我的要求定位到位.

有人能告诉我我可能做错了什么吗？

编辑|

<select class="start">    <option>Item 1 (Last Done: 2.4 weeks ago)</option> 
  <optgroup label="Section B"> 
    <option value="#">Standing</option> 
  </optgroup>  
</select>

<optgroup>似乎没有什么区别

Answer 1

你可以打电话

$(':mobile-pagecontainer').pagecontainer('change', '#pick');

例如,

http://jsfiddle.net/LDyx6/

JS

function test() {
    $(':mobile-pagecontainer').pagecontainer('change', '#page2');
}

HTML

<div id="page1" data-role="page" data-theme="a">
    <div data-role="header">
        <h1>page1</h1>
    </div>
    <div data-role="content">
         <a href="#page2" data-role="button"> go to page2</a>
        <a href="#" data-role="button" onclick="test()"> go to page2 (script)</a>
    </div>
</div>

<div id="page2" data-role="page" data-theme="b">
    <div data-role="header">
        <h1>page2</h1>
            <a href="#page1" data-role="button" data-direction="reverse" data-icon="back">back</a>
    </div>
    <div data-role="content"></div>
</div>