jquery(document).ready() 无法在 IE 7 中运行

Question

这对我来说似乎是一个非常简单的问题，但尽管谷歌搜索了所有可能的搜索字符串，我还是找不到答案。

我正在使用 jquery 1.5.1 并尝试使用 $(document).ready() 函数在页面加载时绑定多个单击事件。最终我将问题缩小到这么小：

$(document).ready(function(){
    alert('hello world');
});

在 IE 6,7 和 8 中，当我加载页面时，我从未看到 hello world 警报。 IE 9 可以工作，FF、Chrome、Safari 等也可以。

一种有效的解决方案是将警报置于 500 毫秒的 JS 超时中。这似乎只是有时有效，但绝对不够一致。

我能想到的唯一可能性是，因为这个脚本恰好加载在页面 HTML 的 body 标记内，所以这可能会弄乱 read() 函数。如果是这样的话，我不知道该怎么解决。

更新

好的，在测试较小的页面后，我可以让文档准备好在 IE 中工作（尽管没有警报，我想这是一个完全不同的问题）。

就可以在页面中加载 javascript 文件的位置而言，IE 有什么怪癖吗？

Answer 1

type="" 属性中有什么内容？ IE 对于该属性非常严格。如果您指定该属性，则它必须包含 "text/javascript" 否则 IE 将忽略它。

Answer 2

没有理由在页面正文中使用 $(document).ready 。当您的 SCRIPT 标记位于页面的 HEAD 中时使用它，否则将其删除，并且在所有必要的正文元素关闭之前不要添加 SCRIPT 标记。

Answer 3

您是否有任何其他可能与 jQuery $ 冲突的 javascript 文件？

页面加载时进行测试，

if (typeof jQuery == 'undefined') {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'js/jquery/1.4.4/jquery.min.js';
        document.getElementsByTagName('head')[0].appendChild(script);
        setTimeout(checkjQuery, 0);
    }
    function checkjQuery() {
        if (typeof jQuery == 'undefined') {
            setTimeout(checkjQuery, 0);
        } else {
            jQuery.noConflict();
        }
    }; 

Answer 4

因此，在搞乱之后，我得出的结论是我在虚拟机中使用的 IE 浏览器有问题。无论我对 javascript 进行什么更改，按钮和 ajax 调用都无法正常工作，这似乎是随机且间歇性的。我认为准备好的文档一直在工作，浏览器以不同的方式失败。现在似乎正在发挥作用。

Answer 5

我在使用 IE7 时遇到了这个问题，似乎我正在使用

<script type='application/javascript' language='javascript'>
$(document).ready(function() { ... })
</script>

将第一个脚本标记更改为

<script type='text/javascript' language='javascript'>

“似乎”来使其工作。希望这有帮助。