为什么 JQuery .ready 函数有时不等待 DOM？ [关闭]答案

【问题标题】：Why is the JQuery .ready function sometimes not waiting for DOM? [closed]为什么 JQuery .ready 函数有时不等待 DOM？ [关闭]
【发布时间】：2012-09-18 01:20:09
【问题描述】：

我正在使用 JQuery 来设置一些组合框，并且我已经将 .combobox 调用包装在 .ready 函数中以确保我的控件可用，但是在每 10 次左右加载页面时，用于组合框不在 DOM 中。发生了什么事，这怎么可能？

我的外部 javascript

$(document).ready(function()
{
    if (document.getElementById('selMinPrice'))
    {
        console.log('selMinPrice exists in the DOM.');
        console.log('selMinPrice value=' + document.getElementById('selMinPrice').value);
    }
    else
    {
        console.log('selMinPrice DOES NOT EXIST in the DOM!!!!!!!!!!!!!!!!!!!!!!!!!!');
    }
    // setup min & max price comboboxes
    $(".selMinPrice").combobox();
    $(".selMaxPrice").combobox();
    $("#toggle").click(function ()
    {
        $(".selMinPrice").toggle();
        $(".selMaxPrice").toggle();
    });
});

我只是出于某种原因才注意到 IE 中的问题，但这并不是说它在其他浏览器中不存在。

想法？

【问题讨论】：

可能相关：stackoverflow.com/questions/1561606/…
selMinPrice 是类还是 id？您正在使用这两种约定。另外，为什么在使用 jQuery 时使用 getElementById？
注释掉或删除 console.log 语句。 IE 让他们窒息。
@j08691 - 如果控制台没有显示，IE 只会阻塞，所以我在启动时将它附加到 IE 窗口，这样就可以了。日志语句仅用于调试，没有它们仍然会出现问题。
您使用的是什么版本的 jQuery？有一个与 .ready() 在 IE 中过早触发有关的错误，已在 1.8.1 中修复

标签： jquery document-ready domready

【解决方案1】：

这是 jQuery 1.8.0 中引入的错误，并在 1.8.1 中修复

票务：http://bugs.jquery.com/ticket/12282

在http://blog.jquery.com/2012/08/30/jquery-1-8-1-released/jQuery 1.8.1 的发行说明中提到了这一点

从 1.8.0 升级到 1.8.1 应该确保 .ready 在 IE 中不会被过早调用。

【讨论】：

这修复了它。很好的收获@Kevin B！