У меня есть список, построенный с помощью jQuery, который отлично отображен на любом устройстве, на котором я его пробовал, я смог щелкнуть по списку и запустить целевое событие повсюду, даже в Chrome Developer Tools с включенным "Touch".
Мой список выглядит так.
<ul class="items"></ul>
Затем я создаю его с кучей li с jquery, и он отображается просто отлично. Тем не менее, на iOS Simulator и моем iPhone я не могу получить целевое событие при нажатии на него, но он отображается на экране, я вижу его, и я могу прокручивать его родительский элемент и прочее, но не нацелить эти элементы списка. Я пробовал с этим кодом:
$(document).on('click', function(e){
console.log(e.target);
console.log(e.target.classList);
});
Это прекрасно работает и регистрирует каждый элемент на всей странице, кроме этого списка, кто-нибудь здесь испытал это? Я попытался сопоставить его с абсурдным z-индексом, но ничего не работает.
Почему вы не привязываете событие click ко всем элементам вашего списка? это проще.
$('.items').each(function(){
$(this).click(myFunctionWhenClicked)
})
function myFunctionWhenClicked(e){
// Here e is the event
// and 'this' is the element
}
e
определено? Что содержит этот объект?