Удаление Javascript для iPad / iPhone - PullRequest
Новая
       11

Удаление Javascript для iPad / iPhone

0 голосов
/ 12 февраля 2012

У меня проблемы с командой Jquery scrollto на iphone и ipads, она продолжает мерцать каждый раз, когда она используется, и застревает, поэтому я решил удалить код для этих устройств, но у меня возникают проблемы при этом. Вот код, который я пытаюсь использовать, чтобы отображать только JavaScript в браузере на верхней панели. 

<script type="text/javascript"> // <![CDATA[
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
    document.write = "<meta name=\"viewport\" content=width=1024px, minimum-scale=1.0, maximum-scale=1.0 \/>";
}
else{document.write = "<script type=\"text/javascript\">
$(document).ready(function() {$('.nav').onePageNav({begin: function() {console.log('start');}, end: function() {console.log('stop');}, scrollOffset: 30});});
</script>";} // ]]>
</script>

Сайт разработчика можно найти здесь: dev.greendealcumbria.com

Приветствия

Ответы [ 2 ]

0 голосов
/ 12 февраля 2012

Попробуйте это. 

var ua = navigator.userAgent.toLowerCase();
if ((ua.indexOf('iphone') != -1) 
     || (ua.indexOf('ipod') != -1) 
     || (ua.indexOf('ipad') != -1)) {
    document.write = "<meta name=\"viewport\" content=width=1024px, minimum-scale=1.0, maximum-scale=1.0 \/>";
}
else{
    $(document).ready(function(){
        $('.nav').onePageNav({
            begin: function() {
                console.log('start');
            }, 
            end: function() {
                console.log('stop');
            }, 
            scrollOffset: 30
        });
    });
}
0 голосов
/ 12 февраля 2012

Чтобы уточнить мой комментарий, почему бы просто не выполнить функцию, как показано ниже?Зачем динамически создавать элемент сценария, когда вы можете просто выполнить сценарий? 

<script type="text/javascript"> // <![CDATA[
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
    document.write = "<meta name=\"viewport\" content=width=1024px, minimum-scale=1.0, maximum-scale=1.0 \/>";
}else{
$(document).ready(function(){
$('.nav').onePageNav({
begin: function() {
console.log('start');
}, 
end: function() {
console.log('stop');
}, 
scrollOffset: 30;
});
});
}
// ]]>
</script>
...