$ .mobile.changePage в jQuery Mobile - обновить видимый URL?

Question

Я пытаюсь добавить событие changePage в jQuery Mobile.

По сути, я бы хотел загрузить новую страницу с "поп" переходом. Важно также, чтобы отображаемый URL-адрес обновлялся (чтобы пользователь мог ссылаться на новую страницу), и чтобы страница отображалась в истории.

В настоящее время я пытаюсь:

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

Тем не менее, это не обновляет отображаемый URL, и страница также не загружается правильно.

Какой-нибудь совет, как убедиться, что URL-адрес корректно обновляется и отображается?

Спасибо!

UPDATE

обратите внимание, что это внешний URL-адрес, а не хэш-URL. Я пытаюсь найти способ перейти на внешнюю страницу и обновить URL-адрес до внешней страницы. Спасибо!

Answer 1

Live Пример: 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'); 
});

Answer 2

$. Mobile.changePage ("# yourpage", {dataUrl: "#yourpage? X = 1 & y = 2", переход: "fade"});

Answer 3

Чтобы обновить хэш местоположения, вам нужно указать новый URL в параметре changePage options:

$.mobile.changePage('/photo.html?p=14545', {dataUrl: "/photo.html?p=14545", transition: "pop"});