jquery-mobile - 如何删除 jQuery Mobile RC2 中 URL 中的历史记录？

Question

我正在使用 jQuery Mobile RC2。我需要在不跟踪历史记录的情况下将页面从一个页面更改到另一个页面。

我正在使用 $.mobile.changePage("#searchPage", "pop", false, false);

例如:

Actual : /DefaultSP.aspx#searchPage

Expected : /DefaultSP.aspx(need to remove #searchPage in URL)

提前致谢。

Answer 1

我不确定他们是否更改了关于如何使用它的标记，但这里是文档:

• http://jquerymobile.com/demos/1.0rc2/docs/api/methods.html

JS

//transition to the "confirm" page with a "pop" transition without tracking it in history           
$.mobile.changePage( "../alerts/confirm.html", {
    transition: "pop",
    reverse: false,
    changeHash: false
});

例子:

• http://jsfiddle.net/MGdm2/10/

JS

$('#customNav').click(function() {
    //transition to the "confirm" page with a "pop" transition without tracking it in history            
    $.mobile.changePage( "#page2", {
        transition: "pop",
        reverse: false,
        changeHash: false
    });
});

HTML

<div data-role="page" id="home">
    <div data-role="content">

        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
            <li data-role="list-divider">Home Page</li>
            <li><a id="customNav">Page 2 (Click here)</a></li>
        </ul>

    </div>
</div>

<div data-role="page" id="page2">
    <div data-role="content">

        <ul data-role="listview" data-inset="true" data-theme="b" data-dividertheme="e">
            <li data-role="list-divider">Page 2 will not be history</li>
            <li><a href="#home">Home Page</a></li>
            <li><a href="#page3">Page 3 (Click here)</a></li>
        </ul>

    </div>
</div>

<div data-role="page" id="page3" data-add-back-btn="true">
    <div data-role="header" data-rel="back"> 
        <h1>clicking the back button should go to home page</h1> 
    </div>
    <div data-role="content">

        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
            <li data-role="list-divider">Page 3 (Click the back button in the header)</li>
            <li><a href="#home">Home Page</a></li>
        </ul>

    </div>
</div>