jquery - jQuery Mobile 中的 $.mobile.changePage - 更新可见 URL？

Question

我正在尝试在 jQuery Mobile 中添加一个changePage 事件。

基本上我想加载一个带有“pop”过渡的新页面。至关重要的是，我还希望更新显示的 URL(以便用户可以链接到新页面)，并且我希望该页面出现在历史记录中。

目前我正在尝试:

 $('#mylink').click(function(){
    $.mobile.changePage('/photo.html?p=14545', { transition: "pop"} );
 });     
 <a id="mylink">Click here</a>

但是，这不会更新显示的 URL，并且页面似乎也无法正确加载。

关于如何确保 URL 正确更新和显示有什么建议吗？

谢谢!

更新

请注意，这是外部 URL，而不是哈希 URL。我正在尝试找到一种方法来访问外部页面，并将 URL 更新为外部页面的 URL。谢谢!

Answer 1

实例:http://jsfiddle.net/r4DyU/1/

HTML:

<div data-role="page" data-theme="c" id="page1"> 
    <div data-role="content"> 
        <p>This is Page 1</p>
        <button type="submit" data-theme="a" name="submit" value="submit-value" id="submit-button-1">Open Dialog</button>
    </div>
</div>

<div data-role="page" data-theme="a" id="page2"> 
    <div data-role="content"> 
        <p>This is Page 2</p>
        <button type="submit" data-theme="e" name="submit" value="submit-value" id="submit-button-2">Close Dialog</button>
    </div>
</div>

JS:

$('#submit-button-1').click(function() {
    $.mobile.changePage($('#page2'), 'pop'); 
});

$('#submit-button-2').click(function() {
    alert('Going back to Page 1');
    $.mobile.changePage($('#page1'), 'pop'); 
});

// Or try this: Adding the URL
$('#submit-button-1').click(function() {
    $.mobile.changePage('/photo.html?p=14545', 'pop'); 
});

$('#submit-button-2').click(function() {
    alert('Going back to Page 1');
    $.mobile.changePage('/photo.html?p=14545', 'pop'); 
});