В моем приложении есть три страницы: #main, #new и #existing.
Каждый раз, когда #new загружается, я хочу, чтобы он определял, пришло ли оно из #menu или #existing. В зависимости от этой информации он должен либо ничего не делать, либо заполнять свою форму.
Как я могу добиться этого как с точки зрения правильной команды для предыдущей страницы, так и с точки зрения правильной обработки DOM?
#main это страница (отдельный файл) или элемент/контейнер? 18.09.2013 $(document).on('pagehide', function () { alert($(this).attr('id')); }); 18.09.2013 Согласно вашему # эти страницы должны быть элементами dom. Просто используйте переменную в javascript и проверяйте это на каждом этапе.
И делайте после этого то, что вам действительно хочется.
var lastPage = '';
/* This code from jQuery Mobile, link is below the code. */
// Define a click binding for all anchors in the page
$( "a" ).on( "click", function( event ){
// Prevent the usual navigation behavior
event.preventDefault();
// Alter the url according to the anchor's href attribute, and
// store the data-foo attribute information with the url
$.mobile.navigate( this.attr( "href" ), {
lastPage: this.attr("data-foo") // store data here
});
// Hypothetical content alteration based on the url. E.g, make
// an AJAX request for JSON data and render a template into the page.
alterContent( this.attr("href") );
});
Пример HTML
<a href="foo.bar" data-foo="main">Main Page</a>
<a href="foo.bar" data-foo="new">New Page</a>
<a href="foo.bar" data-foo="existing">Existing Page</a>
Вы можете создавать данные — все, что захотите. Важны только данные, после этого можно пользоваться всем. Это просто атрибут HTML5 DOM.
Изменить:
Я предлагаю вам проверить страницу навигации. После этого вы сможете лучше понять концепцию. Источник кода: http://view.jquerymobile.com/1.3.2/dist/demos/widgets/navigation/
Воспользуйтесь преимуществами событий страницы jQuery-Mobile, таких как pagebeforehide и pageshow.
Сохраните id текущей страницы, прежде чем уйти.
var prevPage;
$(document).on('pagebeforehide', function () {
prevPage = $.mobile.activePage[0].id;
});
Когда целевая страница активна, получить сохраненную предыдущую страницу id.
$(document).on('pageshow', function () {
$(this).find('.destination').text('Previous Page: ' + prevPage);
});
