Document.ready only delays running the script until the document loads but it processes inline. When you called .layout, the layout.js file had not completely loaded.

You must run the call to .layout after layout.js has loaded, so we use a callback function, like this:

$("head:first").includeFile({"url":"js/ui/jquery.layout.js"},function () {
$("body").layout({ applyDefaultStyles: true });
});

Since that anonymous function affects the DOM, we’ll still want to delay execution until the DOM loads, so you can wrap it in the document.ready (or equivalent):

$("head:first").includeFile({"url":"js/ui/jquery.layout.js"},
	$(function(){
		$("body").layout({ applyDefaultStyles: true });
	});
);

I haven’t tested this, but I hope it helps.

I have the following page:

Layout Example

Center
Go to the
Demos page

North
South
East
West

Simple.js contains the following:
$(”head:first”).includeFile({”url”:”js/ui/jquery.layout.js”});
$(document).ready(function () {
$(’body’).layout({ applyDefaultStyles: true });
});

When I use the scriptLoader.js (my name for the above code), Chrome does not apply the layout. It
seems to complain about ‘body’ not having a ‘layout’ method. IE and
FF work with out error. If I move the jquery.layout.js include to a
normal script tag in the html file (instead of having it be
dynamically included), it works fine in all 3 browsers.

Any idea what Chrome’s issue might be?

The link only shows when the page is viewed on the main page, as an individual article, the code is visible without clicking a link.

The various scripts are just that. The only one I want to run ASAP (so users don’t see the collapsing action) is accordion left nav. See a similar script here:

http://www.endusersharepoint.com/?p=1640

Addtionally, where do you source the accordion-nav.js, leftnav.css, expand-collapse-all.js and ows.js files from?