Question

我一直在寻找一种方法来禁用小型设备上的prettyPhoto灯箱（因为弹出窗口比页面上的图库中显示的图像小，而且通常看起来很丑陋），我遇到了

   if ( screen.availWidth > 500 ) { << jquery script code here >> };

这整齐地修复了一些东西，并在小于500px宽的设备上禁用了gallery脚本。但它也禁用了所有其他链接的js文件。

为什么将availWidth行添加到1脚本的顶部会影响其他所有内容？调用脚本的顺序不重要（在<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进行测试，因此我不知道所有设备是否都在＆lt; 500忽略这样的javascript。

Answer 1

触发错误的脚本将禁用页面中的所有以下脚本。

可能你正在执行一些依赖于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>

if（screen.availWidth＆gt;）是否禁用所有脚本？

1 个答案: