删除iPad / iPhone的Javascript

Question

我在iphone和ipad上使用Jquery scrollto命令时遇到麻烦，每次使用它时都会一直闪烁并被卡住，所以我决定删除这些设备的代码，但这样做有麻烦。 这是我试图用来仅在平台浏览器上显示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

干杯

Answer 1

为了详细说明我的意见，为什么不执行下面的功能呢？ 为什么只需执行脚本就动态创建脚本元素？

<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>

Answer 2

尝试这个。

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
        });
    });
}