Load function after another function is run in JQuery

Question

When loading a html page using JQuery load, I also need to call another function after the html has been loaded in a div. Here is the code i am using.

    $("#div").load("page.html", $('#file1').css('background','black'));

What happens is when the div is re-loaded it also removes the background color even though the code that changes the color is after the load. Any Ideas? Thanks.

Jared Farrish · Accepted Answer · 2012-02-04 19:45:43Z

3

You're missing either an anonymous function or a function reference on the callback (the second argument).

$("#div").load("page.html", function(){
    $('#file1').css('background','black');
});

http://api.jquery.com/load/#callback-function

answered Feb 4, 2012 at 19:45

Jared Farrish

49.4k17 gold badges100 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

James Ellis-Jones Over a year ago

The reason for this is that unless you supply something that is a function as the second argument to load(), jQuery will try to send it as data to your url.

kobe · Accepted Answer · 2012-02-04 19:45:13Z

1

You can use the callback for this

sample from jquery

$('#result').load('ajax/test.html', function() {
  alert('Load was performed.'); // this executes after the load 
});

answered Feb 4, 2012 at 19:45

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Collectives™ on Stack Overflow

Load function after another function is run in JQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related