document-ready | 易学教程

Hide page until everything is loaded Advanced

阅读更多关于 Hide page until everything is loaded Advanced

问题 I have a webpage which heavily makes use of jQuery. My goal is to only show the page when everything is ready. With that I want to avoid showing the annoying page rendering to the user. I tried this so far ( #body_holder is a wrapper inside body ): $(function(){ $('#body_holder').hide(); }); $(window).load(function() { $("#body_holder").show(); }); This works completely fine, but messes up the layout. The problem is that hiding the wrapper interferes with the other jQuery functions and

jQuery: Enforce order of execution of document.ready() calls

阅读更多关于 jQuery: Enforce order of execution of document.ready() calls

问题 I'm working on a codebase with multiple blocks of code setting some behavior on document.ready() (jQuery). Is there a way to enforce that one specific block is called before any of the others? Background: I need to detect JS errors in an automated testing environment, so I need the code that starts logging JS errors to execute before any other JS code executes. 回答1: document.ready() callbacks are called in the order they were registered. If you register your testing callback first, it will be

Using DOMContentReady considered anti-pattern by Google

阅读更多关于 Using DOMContentReady considered anti-pattern by Google

问题 A Google Closure library team member asserts that waiting for DOMContentReady event is a bad practice. The short story is that we don't want to wait for DOMContentReady (or worse the load event) since it leads to bad user experience. The UI is not responsive until all the DOM has been loaded from the network. So the preferred way is to use inline scripts as soon as possible. Since they still don't provide more details on this, so I wonder how they deal with Operation Aborted dialog in IE.

JQuery best practice, using $(document).ready inside an IIFE?

阅读更多关于 JQuery best practice, using $(document).ready inside an IIFE?

问题 I am looking at a piece of code: (function($) { // other code here $(document).ready(function() { // other code here }); })(jQuery); I though the IIFE does the functions of $(document).ready, is this code correct? or can I just remove the $(document).ready and place the code directly inside the IIFE. 回答1: No, IIFE doesn't execute the code in document ready. 1. Just in IIFE: (function($) { console.log('logs immediately'); })(jQuery); This code runs immediately logs "logs immediately" without

Requirejs domReady plugin vs Jquery $(document).ready()?

阅读更多关于 Requirejs domReady plugin vs Jquery $(document).ready()?

问题 I am using RequireJS and need to initialize something on DOM ready. Now, RequireJS provides the domReady plugin, but we already have jQuery's $(document).ready() , which is available to me since I have required jQuery. So I have got two options: Use the domReady plugin: require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); Use $(document).ready() : $(document).ready(function() { // Do my stuff here... }); Which one should I choose, and why? Both the

jQuery.ready() equivalent event listener on elements?

阅读更多关于 jQuery.ready() equivalent event listener on elements?

I am using jQuery JavaScript library. I like the event listener ready on $(document) that fires when the DOM is set up. ( Pretty similar to .onload but without external sources ) I would find it very useful, if there was an event listener wich has a very similar behaviour to this, but fires when an element is fully loaded. (f.e.: Picture, a Div with an extremely long text content, such ) I would appreciate both jQuery or JavaScript methods. jfriend00 There is no event fired when an arbitrary DOM element such as a <div> becomes ready. Images have their own load event to tell you when the image

Differences between document.ready and $function [duplicate]

阅读更多关于 Differences between document.ready and $function [duplicate]

Possible Duplicate: What is the difference between these jQuery ready functions? jquery: Choosing a document.ready method What is the difference between doing this $(function() { $("a").click(function(event){ alert("Thanks for visiting!"); }); }); and this $(document).ready(function(){ $("a").click(function(event){ alert("Thanks for visiting!"); }); }); They are the same. Check out the jQuery .ready() docs . Here's a quote from the docs: All three of the following syntaxes are equivalent: $(document).ready(handler) $().ready(handler) (this is not recommended) $(handler) There is no difference

How to run a jquery function in Angular 2 after every component finish loading

阅读更多关于 How to run a jquery function in Angular 2 after every component finish loading

I have tried all the life cycle hooks but can't get to accomplish the needed result. The result that I need is triggering a function that initialize many jquery plugins used for different elements on a single page after every single one of these elements (components) is loaded. So lets say that you have this structure. Home Page Slider Widgets Product rotators ..etc Every one of these elements has it's own component and all are children of the Home page parent component. And what I need here is to know when all the children components and the parent component is loaded so I trigger one jquery

jQuery: document ready fires too early for my requirements

阅读更多关于 jQuery: document ready fires too early for my requirements

问题 I am developing a site based all around photos. Some areas of this site require calculations based on image dimensions in order to work correctly. What i have found is that document ready is firing too early and my gui is behaving erratically as a result. I removed the document ready function and replaced it with the good 'ol window.onload function, since, if i read correctly, this function does not fire until images are fully loaded. My question is, will this cause any problems? And are

jQuery $(document).ready () fires twice

阅读更多关于 jQuery $(document).ready () fires twice

So i've been sifting around the web trying to find out whats going on here and I have not been able to get a concrete answer. I have one $(document).ready on my site that seams to run multiple times regardless of the code that is inside it. I've read up on the bug reports for jQuery about how the .ready event will fire twice if you have an exception that occurs within your statement. However even when I have the following code it still runs twice: $(document).ready(function() { try{ console.log('ready'); } catch(e){ console.log(e); } }); In the console all I see is "ready" logged twice. Is it