document-ready

I have a custom.js file in which I have several elements that have click and other methods bound to them. The entire file is encapsulated in document.ready() and everything works. However when I do an AJAX post obviously document.ready() is never fired again for the current page. Is there anyway I can get document.ready() to fire again or do I need to have everything in named functions call them form my create.js.erb? You could always just put everything in one function (named loadfunction or something) and call that function when the document loads, and again when the ajax is loaded. Though

Suppose I want to run some code once jQuery Mobile has finished rendering the UI. The mobileinit event doesn't work since it's raised before this happens. A quick Google search seems to indicate that simply using $(document).ready won't work with JQM; but I just tried it (called after mobileinit ) and it worked for me: my code ran and dynamically updated elements, etc. just fine. So I'm wondering, is there some reason I shouldn't be using it (it's unreliable or messes up JQM), or is the information out there about it not working simply inaccurate? What am I missing? Update : See here for a

I have been implementing the yepnope script loader as part of the modernizr.js library. I have successfully got jQuery to load and jQuery dependent scripts afterwards. I am new to asynchronous loading of resources, so it's a bit new to me. I have been searching around, but haven't had much luck with the following. My question is what are your opinions on how to effectively replace the functionality of $(document).ready() when working with the yepnope.js framework. My theory was to create a appropriately named function in my base library and then set that variable on my pages to an anonymous

I have a function that I wish to use to resize images: http://jsfiddle.net/eUurB/ When I run it on document.ready, it has no effect; the image size returned is '0' (You may notice that it does work in the fiddle... I'm not sure what's causing this inconsistencty to be honest, but on my test site it's most definitely returning height and width of '0'. Is this expected behaviour? If so, how could I make a simple listener for when images have width? Here's an ultra-safe way to do it that doesn't require waiting for all the images to load, and takes care of situations where the image may be cached

On my site I have a jquery function which retrieves data from another (secured) server as soon as the page is loaded. Using a jsonp call I currently load this data after document ready event: <script type="text/javascript"> $(document).ready(function () { $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { initPage(data); }); }); </script> What I don't like about the above call, is that the jsonp can actually be exectued before the document ready event, thereby slowing down the page load. So if I include jquery inside the page (i.e. not referencing using the