Question

我尝试调用一组低于800像素的jquery文件和一组不同的桌面版文件，但我得到空白页

这是代码

我正在使用

$(window).load(function(){
    var wi = $(window).width();

        if (wi >= 801){

document.writeln('<script src="js/jquery.slimscroll.min.js" type="text/javascript"></sc'+'ript>');
document.writeln('<script type="text/javascript" src="js/jquery.fullPage.js"></sc'+'ript>');
document.writeln('<script type="text/javascript" src="js/examples.js"></sc'+'ript>');
            }
        else {

            }

});

或

$(window).load(function(){
    var wi = $(window).width();

        if (wi <= 800){


            }
        else {
document.writeln('<script src="js/jquery.slimscroll.min.js" type="text/javascript"></sc'+'ript>');
document.writeln('<script type="text/javascript" src="js/jquery.fullPage.js"></sc'+'ript>');
document.writeln('<script type="text/javascript" src="js/examples.js"></sc'+'ript>');

            }

});

Answer 1

将您的$(window).load(function()更改为：

$(document).ready(function(){
    var wi = $(window).width();

    if (wi >= 801){

document.writeln('<script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>');
document.writeln('<script type="text/javascript" src="js/jquery.fullPage.js"></script>');
document.writeln('<script type="text/javascript" src="js/examples.js"></script>');
        }
    else {

        }

});

Answer 2

尝试使用jQuery中的$.getScript();函数。它会将您想要的每个scrpit加载到您的页面中。

$(window).load(function(){
     var wi = $(window).width();

     if (wi >= 801){
        $.getScript("js/jquery.slimscroll.min.js")
        $.getScript("js/jquery.fullPage.js")
        $.getScript("js/examples.js")                    
     }
     else {}

});

如何在设备检测jquery脚本中调用一组.js文件

2 个答案: