How to load a js file after loading html?

Question

After i load this :

$('#buy-div').load('../buyBar/buyBar.html',function() {
 //do some things here
 });

I would like to include this :

<script src="../buyBar/BuyBar.js"></script> //access some html that does not exist

Beacuse in this js i am looking for some html that does not exist only after the .load function is done. (such as getElementById or $('input').keyup(function() { that happens before the .load was finished.

Just because the elements don’t exist yet, does not mean you have to load the script itself only after they do … Wrap that part of the functionality into a function, that you can then call in the load method callback. — 04FS
– 04FS, Commented Jun 27, 2019 at 7:29

Ricky Mo · Accepted Answer · 2019-06-27 07:31:38Z

1

Just put the code that you want to run after the html is loaded in a function. Then call that function in the callback function of the .load('../buyBar/buyBar.html')

Assume "../buyBar/BuyBar.js" originally contains

document.getElementByID("#someElement").innerHTML = "...";

You can change it to

function someFunction(){document.getElementByID("#someElement").innerHTML = "...";}

Now just put <script src="../buyBar/BuyBar.js"></script> in the <head> as usual. Then do this:

$('#buy-div').load('../buyBar/buyBar.html',function() {
    someFunction();
    //do other stuff   
});

answered Jun 27, 2019 at 7:31

Ricky Mo

7,7682 gold badges22 silver badges41 bronze badges

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

Comments

phamng · Accepted Answer · 2019-06-27 07:24:19Z

-1

I figure out i can do it by loading it when .load is done :

     let script = document.createElement('script');
      script.src = "../buyBar/Pay.js";
      document.body.append(script);

This works but i am not sure is the best solution.

answered Jun 27, 2019 at 7:24

phamng

311 silver badge6 bronze badges

1 Comment

Atul Mathew Over a year ago

check this out:stackoverflow.com/questions/19737031/…

Collectives™ on Stack Overflow

How to load a js file after loading html?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related