Как заставить работать ajax на смартфонах?

Question

[vikholodov]

Сайт activepersons.ru Есть у меня такой скрипт, который выводит содержимое другой страницы в блок

$(document).ready(function () { 
$.get('http://activepersons.com/2017/09/18/%d0%ba%d0%b5%d0%b9%d1%81-2/', function (data) {  
  $('#wow-container').html( $('#wow-container-inner', data).html() ) 
});  
}); 
$('#menu-wow-cases li:first a').trigger( 'click' );
$('#menu-wow-cases li a').click(function(event){
 event.preventDefault();
 var toLoad = $(this).attr('href')+'#wow-container-inner';
 $('#wow-container').hide('fast',loadContent);
 $('#wow-container').append('LOADING...');
 $('#load').fadeIn('normal');
 function loadContent() {
 $('#wow-container').load(toLoad,'',showNewContent)
 }
 function showNewContent() {
 $('#wow-container').show('normal',hideLoader);
 }
 function hideLoader() {
 $('#load').fadeOut('normal');
}
});

Я в js коде не силен, собирал этот скрипт методом проб и ошибок по форумам и статьям, на ПК и chrome все работает норм, на Macbook и всем семействе смартфонов aplle, на браузере safari скрипт работает некорректно, а именно, ссылка срабатывает как обычная и переводит пользователя на страницу, вместо подгрузки в #wow-container, на Android чтобы ссылка работала нужно удерживать ссылку 1 сек, просто шлепнуть пальцем не работает.

Comments

[Павел Корнилов]

Жуть какая. Сделайте простой тестовый пример на codepen. В нем поместите пару ссылок и пример обработчика их клика. Тогда, возможно, разберемся.

Answer 1

[Mikhail Osher]

Используйте делегирование событий (наводка: делегирования клика по ссылке).