Почему jQuery Mobile всегда сохраняет «оригинальную» страницу, загруженную в DOM?

Question

Я начинаю использовать jQuery Mobile, и есть поведение, которое вызывает у меня много сомнений, в основном связанных с использованием идентификаторов для элементов.

На моей странице есть меню слева (панель с уникальным идентификатором, как говорят документы), а затем заголовок/контент/и т. Д., Все внутри раздела «страница».

Когда я перехожу на другую страницу, jQuery сохраняет «оригинальную» страницу div, загруженную сначала страницей, в DOM. Если я продолжаю навигацию, другие страницы, загруженные в DOM, уходят, он всегда сохраняет «активную» страницу и «оригинальную».

• Зачем он загружает оригинал?
• Могу ли я избежать этого? (для целей кэширования)
• Разве это не делает мой идентификатор (особенно тот, который используется для моего меню) не уникальным, который, как правило, нахмурился?

Спасибо!
Daniel

Answer 1

Оригинал хранится в DOM как для кэширования, так и для переходов. Многие из выполняемых переходов невозможны без одновременной загрузки обеих страниц. Это может также привести к значительной задержке в середине перехода, если они не загружаются одновременно во время перехода.

Насколько я знаю, вы не можете избежать этого, не делая его одностраничным приложением.

Да, это делает дубликаты идентификаторов, поэтому, вероятно, следует избегать идентификаторов jQM.

Вы можете безопасно удалить дополнительные страницы после перехода следующей страницы, но это, конечно же, разрушает кеширование.

Answer 2

Чтобы удалить первую страницу из DOM, я использую это:

$(document).one('pageshow', "div:jqmData(role='page')", function(event, ui){ 
    $(ui.prevPage).remove(); 
}); 

Я не знаю, если это рекомендовано в дэвах jQM, но она хорошо работает и решить проблему с другой библиотекой, которая не удалось повторно инициализировать при переходе на первую страницу.

Answer 3

Вот фрагмент кода, который удалит страницы из DOM после прохода.

$('[data-role="page"]').live('pagehide', function() { 
    $(this).remove(); 
}); 

Как уже говорили другие, чтобы выбрать элемент с PageId, вы должны принять во внимание, что текущая активная страница, которая может быть сложно, если смотреть на «следующей» активной страницы. Например, при попытке обработать что-либо в pageinit, jquery не вернет эту страницу в качестве активной страницы. Вы можете сделать что-то подобное, чтобы получить его.

$(':data(role="page")').live('pageinit', function() { 
    var currentPage = $(this); 
    ........ 
});