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

我正在使用jQuery mobile RC2。我需要将页面从一页更改为另一页，而无需在历史记录中进行跟踪。

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

实际的:/DefaultSP.aspx#searchPage

预期的:/DefaultSP.aspx(需要
删除网址中的#searchPage)

提前致谢。

最佳答案

我不确定他们是否更改了使用方法的标记，但以下是文档:

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>