Comments on: Introducing $(document).ready()

By: Sid

Sid — Tue, 26 Aug 2008 11:35:02 +0000

What’s the syntax to have jquery run a function BEFORE the DOM is loaded. Basically, i want to do the following BEFORE the DOM is loaded.

1) Check a cookie
2) Based on the cookie value i want to add a particular stylesheet
3) Append the stylesheet TAG in the HEAD and then have the DOM load with the appropriate Stylesheet loaded.

Creating the cookie and having the cookie load the appropriate stylesheet is not a problem, but how do I dynamically add a stylsheet to the html using JQuery ? The only way I can think of is to use some JQuery function that runs before the DOM is loaded, and i can’t find what this mystery function is…

perhaps you jQuery Guru’s can help…

thanks in advance,

Sid

By: sravanthi

sravanthi — Sat, 26 Jul 2008 09:11:09 +0000

how to adda row to the existing grid.

By: Yavuz Bogazci

Yavuz Bogazci — Wed, 02 Jul 2008 07:02:26 +0000

Hi, i am new to jquery and wanted to build a simple website to test it. in the <head> part of my page i have this javascript


$(document).ready(function() {
		$.ajax({
  		  type: "POST",
	      url: "ajax.tasklist.php",
	      dataType: "html",
	      beforeSend: function(){$("div.loading").show()},
	      complete: function(){$("div.loading").hide()},
		  success: function(msg){
		  	$('div#tasklist').html(msg);}
		});
	});

	function save() {
		alter ("hallo");		
	}

in the html part the following elements



  
     
    urlfield
    save
    Link

each time when i click on "save" the page is completely reloaded. I don't know why. has someone the same problem? thanks Yavuz

By: shan

shan — Wed, 25 Jun 2008 05:23:25 +0000

Is am I able to pass argument to the function. Because i want to use id of the perticular control.

By: Karl Swedberg

Karl Swedberg — Fri, 23 May 2008 18:41:56 +0000

Hi there,

The “$” is just an alias for the jQuery() method. So, the above code would work just as well written like this:

jQuery(document).ready(function() {
	// put all your jQuery goodness in here.
});

A lot of JavaScript libraries use the dollar symbol, but only because it’s a single character. Nothing special about it.

By: cybercow222

cybercow222 — Fri, 23 May 2008 16:06:42 +0000

can i ask one nob question, why the dollar sign prefix “$” before the constructor function names, it seems like php var declaration but`s not … cheers …

By: Eirik S

Eirik S — Fri, 23 May 2008 10:29:09 +0000

sweet, thanks Karl that’s just what I need.
awesome!

By: Karl Swedberg

Karl Swedberg — Thu, 22 May 2008 14:58:03 +0000

Hi Eirik, In the jquery.com documentation site, there is an FAQ page that answers your question and provides links to a few plugins to help with your situation. Also, I recently wrote two tutorials on the topic: Working with Events, part 1 and Working with Events, part 2.

By: Eirik S

Eirik S — Thu, 22 May 2008 14:48:43 +0000

what about functions that needs to be available also after page load, and after elements in the page is “tampered with”?

I use jquery to send data (text) from one file to another. The second file stores the text to in database and the first file includes the second file, which now contains the fresh piece of text. The second file is included with load()

$(”#whereAllTheTextIsListedOut”).load(”secondFile.php .givNewStuffThisClass”);

But this content that isn’t loaded “on window.onload” does not behave like the content that comes by a full page reload. All the functions I have to do stuff to this content (delete, edit,..) does not work until I reload the page.

Is there any alternatives to this window.onload (or in jquery $(document).ready())?

By: Karl Swedberg

Karl Swedberg — Tue, 20 May 2008 14:40:49 +0000

Hi Matt,

There is an issue with document ready with jQuery versions 1.2.3 and 1.2.4. It now waits for CSS to load, but that might not always be desirable. You can find a discussion of it and a workaround on the jQuery Dev google group. It’s possible that you’re seeing the problem only on less powerful machines or ones with browsers that are being slowed down for some other reason.

Yes, it is a good practice to put all your custom scripts in separate js files.