document-ready | 易学教程

Dynamically load css stylesheet and wait for it to load

阅读更多关于 Dynamically load css stylesheet and wait for it to load

问题 I have a script where I load a css stylesheet when pressing a button like this: link = "<link class='listcss' rel='stylesheet' href='http://....list.css'>"; $("head").append(link); Then I need to do some calculations based on the css width and height properties: function CSSDone(){ if($(window).width()>640){ $(".grid-item").css({"height":$(".grid-item").width()*0.2}); $(".grid_item_img").css({"height":$(".grid-item").width()*0.2}); console.log("a"); }else{ $(".grid-item").css({"height":$("

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 there any other solutions that i have missed perhaps? Thanks for the help guys!! There is no reason you

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. This dialog is the only critical reason I know to wait for DOMContentReady (or load) event. Do you know

Test if jquery is loaded not using the document ready event

阅读更多关于 Test if jquery is loaded not using the document ready event

问题 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

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 options seems to work as expected. I am not confident in the jQuery's one because RequireJS is doing

Is checking for the readiness of the DOM overkill?

阅读更多关于 Is checking for the readiness of the DOM overkill?

问题 I'm developing a platform for developing desktop apps with web technologies. In the course of doing so I've been trying to get some document/on-ready functionality working with the browser I will be integrating into the platform. That's why I'd previously asked this this question here on SO: javascript-framework-that-primarily-provides-just-document-onready-functionality However I've not been able to get my browser of choice (shush, its a secret ;) to successfully utilize the functionality

jQuery document ready function

阅读更多关于 jQuery document ready function

Are the end results of the following jQuery snippets identical? Snippet 1: $(function() { alert('test!'); }); Snippet 2: $(document).ready(function() { alert('test!'); }); In other words, is $(function(){}) just shorthand for $(document).ready(function() { }); ? The reason I'm asking is because we're seeing some strange issues with a small application we've built using jQuery and jQuery UI. Occasionally, when performing a form submit action by clicking a button the browser window will just freeze. We can still use the underlying browser window (the one that launches the pop-up) until we

What happens when you have two jQuery $(document).ready calls in two JavaScript files used on the same HTML page?

阅读更多关于 What happens when you have two jQuery $(document).ready calls in two JavaScript files used on the same HTML page?

问题 I have a question on jQuery $(document).ready Let's say we have a HTML page which includes 2 JavaScript files <script language="javascript" src="script1.js" ></script> <script language="javascript" src="script2.js" ></script> Now let's say in both these script files, we have $(document) as follows Inside script1.js : $(document).ready(function(){ globalVar = 1; }) Inside script2.js : $(document).ready(function(){ globalVar = 2; }) Now my Questions are: Will both these ready event function get

JQuery: Why Unobtrusive JavaScript / Document Ready function rather than OnClick event?

阅读更多关于 JQuery: Why Unobtrusive JavaScript / Document Ready function rather than OnClick event?

问题 I've just started looking at JQuery. I don't have any AJAX in my web application at present. My existing JavaScript in my HTML looks like: <form ...> <p>Find what? <input ...></p> <div class="ButtonArray"> <a href="AddRecord.ASP&Action=ADD">ADD</a> <a href="#" onClick="return MyFormSubmit();">FIND</a> </div> </form> This displays Buttons for [Add] and [Find]. For Find it is necessary to Submit the form, and I use MyFormSubmit() which validates the data, adds a visual effect to the page, and

window load inside a document ready?

阅读更多关于 window load inside a document ready?

问题 Sorry if this has been answered before but all searches talk about the differences, not about using the two together, if possible. Simply, can $(window).load.(function() {}) be used INSIDE of $(document).ready.(function() {}) ? I have some things that should be done after the DOM is loaded but then I want to reveal certain elements only after the images have finished loading. The only thing that works in Explorer 8, is putting the $(window).load functions inside of the $(document).ready with