Why is the JQuery .ready function sometimes not waiting for DOM? [closed]

Question

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 8 years ago.

I'm using JQuery to setup some comboboxes and I've wrapped the .combobox calls in the .ready function to make sure my controls are available, but on every 10th or so time loading the page, the elements used for the comboboxes are not in the DOM. What is going on and how is this possible?

My external 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();
    });
});

I've only noticed the problem in IE for some reason, but that's not to say it doesn't exist in the other browsers.

Thoughts?

Answer 1

This is a bug that was introduced in jQuery 1.8.0, and fixed in 1.8.1

Ticket: http://bugs.jquery.com/ticket/12282

It was mentioned in the release notes for jQuery 1.8.1 at http://blog.jquery.com/2012/08/30/jquery-1-8-1-released/

Upgrading from 1.8.0 to 1.8.1 should ensure that .ready isn't being called too early in IE.