JQuery Mobile: как выполнить пользовательский код JQuery на странице

Question

В настоящее время я разрабатываю мобильный сайт с использованием jQuery mobile.

У меня есть один простой фрагмент jQuery, который я хотел бы выполнить при нажатии кнопки

, например: Нажмите кнопку, покажите div,Это прекрасно работает на первой странице или любой странице, к которой непосредственно обращается URL.Однако везде, где есть история страниц (т. Е. URL содержит a #), пользовательский фрагмент jQuery просто не выполняется.Я предполагаю, что это как-то связано с location.hash

У меня был хороший трал через мобильные документы jQuery и google, но я не могу найти ссылки на эту проблему.

Есть идеи, как заставить этот кусок jQuery всегда выполняться?

Answer 1

Для запуска пользовательских сценариев на мобильной странице jquery вы можете перейти по этой ссылке: http://jquerymobile.com/demos/1.0a3/#docs/api/globalconfig.html

Я рекомендую, чтобы вы запускали свой код внутри события «делегат», как [1]:

$(“body”).delegate(“div[data-role*='page']“, “pageshow”, function(){

    // Your code here. It is good to check to not run unnecessary code

});

[1] http://www.raelmax.com/2011/03/06/minha-experiencia-com-jquery-mobile/

Answer 2

Создайте в своем коде JS функцию, которую вы хотите выполнить (давайте назовем ее функцией savePerson ()).Создайте кнопку с помощью:

<button onclick="savePerson()">Save</button>