如果( screen.availWidth >)禁用所有脚本？
如果( screen.availWidth >)禁用所有脚本？
提问于 2013-12-30 16:01:46
我在寻找一种在小型设备上禁用prettyPhoto照明盒的方法(因为弹出窗口比页面上的图库中显示的图像要小，而且这个东西通常看起来很难看，那么小)，于是我发现
if ( screen.availWidth > 500 ) { << jquery script code here >> };这整齐地修复了一些东西，并在小于500 on宽的设备上禁用了图库脚本。但是它也禁用了所有其他链接的js文件。
为什么将availWidth行添加到一个脚本的顶部会影响其他所有内容？调用脚本的顺序并不重要(在<head>中)：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="../scripts/jquery.quicksand.js"></script>
<script type="text/javascript" src="../scripts/jquery.easing.1.3.js"></script>- 只有用iPhone进行测试，所以我不知道是否所有设备都< 500忽略这样的javascript。
回答 1
Stack Overflow用户
发布于 2013-12-30 16:37:58
触发错误的脚本将禁用页面中的所有以下脚本。
您可能正在执行一些依赖于jQuery或其他库的代码，这些代码尚未加载，或者只是有一些您没有注意到的微小错误。
你有没有试着在所有的链接脚本之后把代码放在一起，然后检查它是否到达了那里？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="../scripts/jquery.quicksand.js"></script>
<script type="text/javascript" src="../scripts/jquery.easing.1.3.js"></script>
<script>
if ( screen.availWidth > 500 ) {
alert("Hello!");
};
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20843007
复制相关文章
相似问题
腾讯云开发者
