JQuery мобильный параметр передачи с одной страницы на другую

Question

В настоящее время я использую форму для навигации и передачи параметров формы с одной страницы на другую и через строку запроса.

FirstPage код формы

<form name="input" action="new_page.html" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

На новой странице я пытаюсь получить значение строки запроса, используя document.URL. Когда старая страница указывает на новую страницу, выполняется только содержимое тела новой страницы. Файлы скриптов не выполняются на новой странице. Таким образом, я не могу получить значения строки запроса на новой странице.

Процесс передачи параметров через форму с одной страницы на другую хорошо работает для обычной HTML-страницы, но не работает в случае jQuery Mobile.

Может ли кто-нибудь предложить мне лучший способ передачи параметров с одной страницы jQuery Mobile на другую. Любая помощь приветствуется.

Answer 1

Что касается сценариев, которые не выполняются при смене страниц: События страницы jQueryMobile не запускаются при переходе на другую HTML-страницу

jQuery Mobile использует AJAX для загрузки новых страниц в DOM, к чему вы должны привыкнуть при создании веб-сайтов jQuery Mobile. Это означает, что код, который должен выполняться на document.ready или window.load, должен быть связан с другими событиями, такими как: pagecreate, pageshow, pageinit. Вот документация jQuery Mobile по событиям (которая может быть весьма поучительной): http://jquerymobile.com/demos/1.0/docs/api/events.html (обратите внимание, что события страницы начинаются примерно на полпути вниз).

Answer 2

Если вы перенаправляете с мобильной страницы jquery, новая страница загружается с использованием ajax, поэтому JS для новой страницы не будет работать с использованием $ (document) .ready ();

$(document).ready(function(){
      //your awesome JS here won't work!
});

, поэтому используйте это вместо:

$(document).bind('pageinit',function(event){
         //the same JS here will work!

});

Теперь ваш JS должен работать (по крайней мере, для меня!).для дальнейшей информации зайдите здесь. Надеюсь, это поможет!

Answer 3

Что касается передачи параметров строки запроса в JQM, взгляните на мой предыдущий ответ с примерами кода.

Надеюсь, это поможет!