JQuery для мобильного сафари: on () не работает

Question

Я пытаюсь изменить некоторые классы динамически генерируемых элементов DOM для мобильной веб-страницы. Мой обычный метод, jquery on() не воспринимает события должным образом.

Также не работает "delegate()", мой бэкап работает.

Я использую версию JQuery "http://code.jquery.com/jquery-1.7.min.js"

Answer 1

Решением было добавить onclick = '' к элементу div. Не уверен, почему это сработало, но это сработало. -

Answer 2

Вам необходимо убедиться, что вы используете jQuery 1.7.1 с jQuery Mobile 1.1.0 Final. Важно использовать версию 1.7.1 jQuery, а не версию 1.7.2, которая доступна прямо сейчас как самую последнюю.

Использование on () вместо всего дает гораздо лучший опыт. На самом деле, почти все остальное устарело.

Я немного об этом рассказал в блоге несколько недель назад.

http://zsprawl.com/iOS/2012/04/using-new-jquery-1-7-on-off-functions/

Answer 3

Попробуйте Live событие как

$(".element").live("click",function(){
    alert("Clicked");
});

для прикрепления события к динамически генерируемым элементам DOM

Answer 4

Вместо использования on, вы не можете просто написать событие как оно есть?

Например:

$(document).ready(function () {  });
$(document).click(function () {  });
$(document).keyup(function () {  });
$(document).keydown(function () {  });

Не забудьте добавить события к объектам после загрузки DOM. Причина, если вы попытаетесь использовать селектор jQuery вне проверки готовности DOM, он может выполняться до того, как будет загружен фактический элемент, и тогда он ничего не найдет. Что не приведет к событиям.