$(div).ready(function(){ — Is this possible?

[jcoder]

Just wondering if this is possible to do?

$(div).ready(function(){

//code

});

[TheDoc]

Is there a particular reason why you are trying to do that?

Would this not work:

$(document).ready(function(){

$("#your-div").....

});

[TheDoc]

I can’t seem to get it to work. http://jsfiddle.net/kra3r/

I thought that’s exactly why we have this amazing plugin: https://github.com/desandro/imagesloaded

[SgtLegend]

Using the .ready() method on the document would suggest all elements within the DOM are ready to be used so using the following is sufficient.

$(function() {

// jQuery code here...

});

[fwd]

The philosophy of the ready() event in jQuery is based on the DomReady event of Vanilla Javascript, that is usually thrown by the window object. For other objects, like images, or divs, use the load() event.

[jcoder]

Hi All,

Why won’t the .load event work? But the Hover Does?

This Code Works:

$(document).ready(function() {

$(".TH").hover(function() {

$(this).attr("value", "##IVULP##"*1000);

});

}); 

This Code Doesn’t Work:

$(document).ready(function() {

$(".TH").load(function() {

$(this).attr("value", "##IVULP##"*1000);

});

}); 

[devsign]

I agree with “SgtLegend” his suggestion is the best practice.

[devsign]

I agree with “SgtLegend” using the $function method is good coding practice and one should definitely learn to do things the best way from the start.

Is there a reason why you want to add a .ready to a div?

[TheDoc]

@jcoder – load() isn’t going to do what you want it to.

See my previous post about using the imagesLoaded plugin.

[jcoder]

Thanks for all the Great Help Everyone!

[Author]

Posts