Is there a jQuery event listener for jQuery's .load();?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I want to run a $(document).ready(); type of function when a div element loads, but it should run after I use jQuery's .load().
I'm making a website where I want to navigate between pages by having a container where my page is loaded. When I load a page, I say myContainer.empty(); to clear it, and then I have a separate html file which contains the html for the other page, so then I just say myContainer.load('myOtherPage.html');. This works perfectly, but I need an event listener to run when a certain page gets loaded into myContainer.
I use:
myPageContainer.empty();
myPageContainer.load('home.html');
but, my javascript doesn't pick up the fact that it loaded, and I have some events that need firing when the page gets loaded.
So, in short, I basically need a type of event listener that runs when my page gets loaded via jQuery's .load();.
javascript jquery html
asked Jan 4 at 14:44
SebastianSebastian
276
add a comment |
I want to run a $(document).ready(); type of function when a div element loads, but it should run after I use jQuery's .load().
I'm making a website where I want to navigate between pages by having a container where my page is loaded. When I load a page, I say myContainer.empty(); to clear it, and then I have a separate html file which contains the html for the other page, so then I just say myContainer.load('myOtherPage.html');. This works perfectly, but I need an event listener to run when a certain page gets loaded into myContainer.
I use:
myPageContainer.empty();
myPageContainer.load('home.html');
but, my javascript doesn't pick up the fact that it loaded, and I have some events that need firing when the page gets loaded.
So, in short, I basically need a type of event listener that runs when my page gets loaded via jQuery's .load();.
javascript jquery html
asked Jan 4 at 14:44
SebastianSebastian
276
Is a callback, that is executed once load has run enough for you?
– Marco
Jan 4 at 14:48
add a comment |
I want to run a $(document).ready(); type of function when a div element loads, but it should run after I use jQuery's .load().
I'm making a website where I want to navigate between pages by having a container where my page is loaded. When I load a page, I say myContainer.empty(); to clear it, and then I have a separate html file which contains the html for the other page, so then I just say myContainer.load('myOtherPage.html');. This works perfectly, but I need an event listener to run when a certain page gets loaded into myContainer.
I use:
myPageContainer.empty();
myPageContainer.load('home.html');
but, my javascript doesn't pick up the fact that it loaded, and I have some events that need firing when the page gets loaded.
So, in short, I basically need a type of event listener that runs when my page gets loaded via jQuery's .load();.
javascript jquery html
asked Jan 4 at 14:44
SebastianSebastian
276
I want to run a $(document).ready(); type of function when a div element loads, but it should run after I use jQuery's .load().
I'm making a website where I want to navigate between pages by having a container where my page is loaded. When I load a page, I say myContainer.empty(); to clear it, and then I have a separate html file which contains the html for the other page, so then I just say myContainer.load('myOtherPage.html');. This works perfectly, but I need an event listener to run when a certain page gets loaded into myContainer.
I use:
myPageContainer.empty();
myPageContainer.load('home.html');
but, my javascript doesn't pick up the fact that it loaded, and I have some events that need firing when the page gets loaded.
So, in short, I basically need a type of event listener that runs when my page gets loaded via jQuery's .load();.
javascript jquery html
javascript jquery html
asked Jan 4 at 14:44
SebastianSebastian
276
asked Jan 4 at 14:44
SebastianSebastian
276
edited Jan 4 at 14:53
Sebastian
asked Jan 4 at 14:44
SebastianSebastian
276
asked Jan 4 at 14:44
SebastianSebastian
276
asked Jan 4 at 14:44
SebastianSebastian
276
276
Is a callback, that is executed once load has run enough for you?
– Marco
Jan 4 at 14:48
add a comment |
Is a callback, that is executed once load has run enough for you?
– Marco
Jan 4 at 14:48
Is a callback, that is executed once load has run enough for you?
– Marco
Jan 4 at 14:48
Is a callback, that is executed once load has run enough for you?
– Marco
Jan 4 at 14:48
add a comment |
1 Answer
1
active
oldest
votes
$("#success").load("somefile.html", function(response, status, xhr){
if(status == "error"){
var msg = "Sorry but there was an error: ";
$("#error").html( msg + xhr.status + " " + xhr.statusText );
}
});
See documentation
@Sebastian's comment :
if (myPageContainer.addEventListener) {
myPageContainer.addEventListener('load', function() {
/* do stuff */
});
} else {
// it's IE!
myPageContainer.attachEvent('load', function() {
/* do stuff */
});
}
Hope this works for you?
answered Jan 4 at 14:50
JaapaapJaapaap
1865
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54041136%2fis-there-a-jquery-event-listener-for-jquerys-load%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
$("#success").load("somefile.html", function(response, status, xhr){
if(status == "error"){
var msg = "Sorry but there was an error: ";
$("#error").html( msg + xhr.status + " " + xhr.statusText );
}
});
See documentation
@Sebastian's comment :
if (myPageContainer.addEventListener) {
myPageContainer.addEventListener('load', function() {
/* do stuff */
});
} else {
// it's IE!
myPageContainer.attachEvent('load', function() {
/* do stuff */
});
}
Hope this works for you?
answered Jan 4 at 14:50
JaapaapJaapaap
1865
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
add a comment |
$("#success").load("somefile.html", function(response, status, xhr){
if(status == "error"){
var msg = "Sorry but there was an error: ";
$("#error").html( msg + xhr.status + " " + xhr.statusText );
}
});
See documentation
@Sebastian's comment :
if (myPageContainer.addEventListener) {
myPageContainer.addEventListener('load', function() {
/* do stuff */
});
} else {
// it's IE!
myPageContainer.attachEvent('load', function() {
/* do stuff */
});
}
Hope this works for you?
answered Jan 4 at 14:50
JaapaapJaapaap
1865
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
add a comment |
$("#success").load("somefile.html", function(response, status, xhr){
if(status == "error"){
var msg = "Sorry but there was an error: ";
$("#error").html( msg + xhr.status + " " + xhr.statusText );
}
});
See documentation
@Sebastian's comment :
if (myPageContainer.addEventListener) {
myPageContainer.addEventListener('load', function() {
/* do stuff */
});
} else {
// it's IE!
myPageContainer.attachEvent('load', function() {
/* do stuff */
});
}
Hope this works for you?
answered Jan 4 at 14:50
JaapaapJaapaap
1865
$("#success").load("somefile.html", function(response, status, xhr){
if(status == "error"){
var msg = "Sorry but there was an error: ";
$("#error").html( msg + xhr.status + " " + xhr.statusText );
}
});
See documentation
@Sebastian's comment :
if (myPageContainer.addEventListener) {
myPageContainer.addEventListener('load', function() {
/* do stuff */
});
} else {
// it's IE!
myPageContainer.attachEvent('load', function() {
/* do stuff */
});
}
Hope this works for you?
answered Jan 4 at 14:50
JaapaapJaapaap
1865
edited Jan 4 at 15:04
answered Jan 4 at 14:50
JaapaapJaapaap
1865
answered Jan 4 at 14:50
JaapaapJaapaap
1865
answered Jan 4 at 14:50
JaapaapJaapaap
1865
1865
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
add a comment |
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
Thanks @Jaapaap, but I need a way to listen for the load on another js file.
– Sebastian
Jan 4 at 14:53
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
call that function defined in another js file from the callback.
– bhansa
Jan 4 at 14:57
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
In the example shown above the function will fire once the load() completes, from there you can do anything you need, does not matter what js file the code you then want to run is in, so long as the files with that have been loaded by then (which if they are included in the html you are loading in load(), or included in the original page, they should be).
– John Fantastico
Jan 4 at 15:06
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54041136%2fis-there-a-jquery-event-listener-for-jquerys-load%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Is a callback, that is executed once load has run enough for you?
– Marco
Jan 4 at 14:48