javascript - 为什么我的 jquery 代码在 IE9 中有效，但在 IE8 中无效？

Question

<script>
            $(document).ready(function() {
                $("#various2").fancybox({
                    'width': 800,
                    'height': 570,
                    'type':'iframe'
                });
            });
</script>

我在 IE8 和 7 中遇到错误，但在 IE9 中没有

Object doesn't support property or method 'fancybox'

错误在这一行

$("#various2").fancybox({

我的脚本在 </body> 之前位于底部

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" defer="defer"></script>
        <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
        <script src="js/plugins.js" defer="defer"></script>
        <script>
        $(document).ready(function() {
            $("#various2").fancybox({
                'width': 800,
                'height': 570,
                'type':'iframe'
            });
        });
        </script>

Answer 1

您正在使用 defer在 jQuery 库上，这意味着它可能不会在 jQuery 代码本身之前加载。

因为您的脚本在 </body> 之前位于页面底部根本不需要延迟加载它们，因为页面的其余部分已经加载。