Jquery mobile, как вручную изменить страницу в событии "pagebeforeload"

Question

Я пытаюсь перенаправить страницу, используя метод, определенный в документации

$( document ).bind( "pagebeforeload", function( event, data ){

// Let the framework know we're going to handle the load.

event.preventDefault();

// ... load the document then insert it into the DOM ...
// at some point, either in this callback, or through
// some other async means, call resolve, passing in
// the following args, plus a jQuery collection object
// containing the DOM element for the page.

data.deferred.resolve( data.absUrl, data.options, page );

});

Но я не уверен, какие именно параметры принимает определенное значение. Я не могу найти документы нигде, какой именно там параметр страницы?

Answer 1

Документы относятся к объекту page свободно , указанному здесь .

Так что я думаю, вы хотели бы что-то вроде этого:

var page = $("#page2");

Это может ответить на ваш вопрос, но, вероятно, мало что поможет для решения вашей проблемы. Есть несколько способов справиться с этим, но вот пример того, как перенаправить на определенную страницу на pagechange: http://jsfiddle.net/BD9ax/

Надеюсь, это поможет решить вашу проблему.

Answer 2

// the following args, plus a jQuery collection object
// containing the DOM element for the page.

Они используют page для обозначения этого дополнительного аргумента. например,

var $page = $('<div data-role="page" data-dom-cache="true">'
    + 'your content'
    + '</div>');
data.options.pageContainer.append($page);
data.deferred.resolve(data.absUrl, data.options, $page);

Это с jQuery Mobile 1.3.

Answer 3

У меня была такая же проблема, в итоге я создал скрытую кнопку, а затем вызвал событие нажатия на эту кнопку. Я знаю, что это, вероятно, не правильный способ сделать это, но я думал, что предложу решение / взломать. Если у кого-то есть что-то лучше, я бы очень хотел об этом услышать.

JS

$("#login-btn").click();

HTML

<div style='display:none;'><a href="#login" id='login-btn' data-role="button" data-rel="dialog" >HIDDEN</a></div>