Reputation: 11418
Using jQuery 1.4.2 from Google hosted Code.
Is there a reason why the following javascript does not fire all 3 document.ready functions when the document is ready?
The first $(document).ready()
function, which renders headers, and the second, which gives a 'Foo' alert box triggered, but subsequent ones in new <script>
blocks aren't triggered,
<script type="text/javascript">
$(document).ready(function () {
Cufon.replace('h1'); // Works without a selector engine
Cufon.replace('h2'); // Works without a selector engine
Cufon.replace('h3'); // Works without a selector engine
Cufon.now();
});
$(document).ready(function () { alert("Number Foo"); });
</script>
// html tags
<script type="text/javascript">
$(document).ready(function () { alert("Number One"); });
$(document).ready(function () { alert("Number Two"); });
</script>
These are in seperate web parts, hosted on the same page in Sharepoint2010
Upvotes: 12
Views: 30973
Reputation: 17804
You are missing a });
in the end of the last $(document).ready
Once you correct this it should work
EDIT: Since you say now that each script tag is in a separate web part I believe the problem itself is not in the scripts. Something else in your page is messing up your code.
Upvotes: 1
Reputation: 4435
I can think of three forensic things to try, right off:
$(window).load()
for one or more
of your $(document).ready()
callback defs. They have different
firing criteria --
$(window).load()
waits for
everything to load up, allegedly --
but the substitution may be
revealing.Of course, console.log()
and alert()
will be your in-leu-of-debugger-breakpoint best friends in this case.
Upvotes: 23
Reputation: 21249
you're missing a closing curly bracket and parenthesis in the second script tag
Upvotes: 1