根据视口宽度加载不同的脚本

Question

我需要加载不同版本的modernizr，一个用于移动设备，另一个用于其余部分。 为简单起见，我们只需添加基于640px宽度的脚本即可。这两个脚本都需要进入头脑。

以下是我的尝试：

if ( $(window).width() >640){
            window.jQuery || document.write('<script src="js/modernizr.custom.71422.js"><\/script>')
        }
        else{
            window.jQuery || document.write('<script src="js/modernizr.custom.js"><\/script>')
        }

这包含在脚本标记中。

Answer 1

我认为你在脚本标签中写了一个脚本标签。尝试附加到＆lt; head＆gt;而不是document.write：

$("head").append('<script src="js/modernizr.custom.71422.js"><\/script>');