Как удалить историю в URL в jQuery Mobile RC2? - PullRequest
3 голосов
/ 04 ноября 2011

Я использую jQuery mobile RC2. Мне нужно изменить страницу с одной страницы на другую, не отслеживая ее в истории.

Я использую $.mobile.changePage("#searchPage", "pop", false, false);

Например:

Факт: /DefaultSP.aspx#searchPage

Ожидается: /DefaultSP.aspx (необходимо удалить #searchPage в URL)

Заранее спасибо.

Ответы [ 2 ]

5 голосов
/ 04 ноября 2011

Я не уверен, изменили ли они разметку, как это использовать, но вот документы:

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
});

Пример:

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>
0 голосов
/ 04 ноября 2011

итак, что не так делать

document.location.href = document.location.pathname;
...