Question

我正在使用1.4，所以不推荐使用changePage（）技术，我宁愿不使用它......

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

我有这段代码：

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

上述两种方法均无效 - “更改”事件正在触发，但是当选择了选项时，没有页面#pick根据我的要求定位到位。

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

编辑|

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

＆lt; optgroup＆gt;似乎没有什么区别

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>

jQM以编程方式导航到页面

1 个答案: