$(this) not working as onload event handler

Question

Im trying to start a function when the page is loaded by a onload event which i include in the body tag. My function needs the $(this) value. The problem here is that the $(this) will not work in the function. But it works when I use the onClick event any ideas why and how to fix it?

This don't work.

<body onload="infoPopUp($(this), 3);">

This does.

<body onclick="infoPopUp($(this), 3);">

Please provide some code examples to provide context to your question. — knolleary, Jun 05 '15 at 20:05
Do you mean you want to access `$(document.body)` from onload? — Jared Farrish, Jun 05 '15 at 20:05
For either one, you need to add the closing `"` double quotes... — War10ck, Jun 05 '15 at 20:09
What do you want to do with 'this' inside the function? Is $("body") won't satisfy? — ItayB, Jun 05 '15 at 20:10

Kenny Thompson · Answer 1 · 2015-06-05T20:11:45.273

2

You can easily replicate the <body onload=""> and <body onclick=""> in jQuery:

$(function () {
    // your document has been loaded
    // infoPopUp($('body'), 3) can be used here
});

edited Jun 05 '15 at 20:11

answered Jun 05 '15 at 20:10

Kenny Thompson

1,494
12
28

Sidenote, `load` and `domcontentloaded` (document ready) are technically different events though they should both work in theory. See this article http://stackoverflow.com/questions/2414750/difference-between-domcontentloaded-and-load-events as a reference... – War10ck Jun 05 '15 at 20:11
1

Didn't know about the `DOMContentLoaded` event. In most cases I would want to use `Load` anyway =]. Thanks for that! – Kenny Thompson Jun 05 '15 at 20:14

pavel · Answer 2 · 2015-06-06T05:14:34.257

0

Body is in document.body + you forgot to close quotes.

<body onload="infoPopUp(document.body, 3);">

edited Jun 06 '15 at 05:14

answered Jun 05 '15 at 20:10

pavel

26,538
10
45
61

Your closing quote should be after the semicolon. – Robert Lee Jun 05 '15 at 23:05
@RobertLee: you're right, but why downvote for typo which do nothing bad? In JS the semicolon is optional in this case and in html will be ignored. It works in all cases: with semicolon before ", after " and without it. – pavel Jun 06 '15 at 05:18

$(this) not working as onload event handler

2 Answers2