Javascript работает на эмуляторе, но не работает на реальном устройстве

Question

фона связан с этим вопросом я отправил вчера:

on click event inside pageinit only works after page refresh.

У меня есть ответ на этот вопрос, и я попробовал его в chrome devtools, он работал нормально. Но сегодня, когда я тестировал его на реальном устройстве (iPhone), он не работает. Когда я использую свой старый код, кнопки работают, но только после обновления. И когда я использую этот принятый ответ, кнопки больше не работают. Но он отлично работает в chrome virtual device. Надеюсь, кто-то может помочь.

Answer 1

Я хотел бы сделать это:

$(function() { //implicit DOMReady handler in jQuery 
    $("#close").on("touchstart click", CloseBanner); //make sure you handle touch events 
    $("#download").on("touchstart click", SetAppStorePath); 
}); 

И просто не беспокоиться о странице. Изменить: О, я вижу, в чем проблема! Вы не можете оставить href на якоре. Добавьте href="#" к этим якорям, и он должен работать нормально. Также рассмотрите возможность изменения href в ссылке на хранилище приложений вместо настройки местоположения окна, потому что людям нравится видеть, куда будут идти ссылки.

<div class="banner"> 
    <div class="container"> 
     <a id="close" href="#">&times;</a> 
     <a id="download" href="#">Download</a> 
    </div> 
</div> 

И

$('#close').attr('href', 'app store URL goes here'); 

Answer 2

Вы можете хочешь использовать сенсорное событие для мобильных устройств, как это:

$("#close").on("touchstart", CloseBanner); 

Или, если вы не хотите использовать для sepearate событий для различных платформ, то вы можете использовать не Jquery вариант, как это :

closeButton = document.getElementById('close'); 
closeButton.onclick = CloseBanner; 

Надежда это помогает ...