JQuery `.load()` function not executing javascript which is in loading page

Question

What I'm trying to do is load an external html file and have the Javascript that is embedded execute along with the html code that I had in my Loading_Page.html.

The code I'm trying to use is this:

$("#myBtn").click(function() {
  $("#myDiv").load("Loading_Page.html");
});

Loading_Page.html looks like this (simple now, but will expand once/if I get this working).It has both html and javascript, so I need to get Html page along with the javascript.

<html> 
<head>
  <title>Tracking HTML File</title>
  <script language="javascript" type="text/javascript">
    alert("outside the jQuery ready");
  </script>
</head>

<body>

  <div id="first_division"><img src="someimage.jpg" alt="image" /></div>
  <div id="second_division"><p>some text</p></div>
</body>

</html>

But the javascript in Loading_Page.html page is not executing along with the html code in Loading_Page Any thoughts on why the browser is ignoring the Javascript in the Loading_Page.html file?

Thanks for your help in advance!

Community · Accepted Answer · 2017-05-23 12:04:39Z

2

jQuery load will just exclude that script tag from response, before it is inserted into a div.

See this question. The same problem happens there.

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Oct 2, 2012 at 14:54

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

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

7 Comments

venkat Over a year ago

Yeah..I had gone through that question.. Can you please say what to do, to resolve this issue

Viktor S. Over a year ago

Instead of load - you can try to use $.ajax and in success handler - insert returned HTML into $("#myDiv") with .html()

Viktor S. Over a year ago

Something like this: $.ajax({ url: 'Loading_Page.html', success: function(data) { $("#myDiv").html(data); } });

venkat Over a year ago

So can I use anything like $.getScript("javascript.js") as a call back function for load apart from $.ajax to get javascript along with loading html page...??

Viktor S. Over a year ago

Hm. Yes. But actually - I do not think you should do that. This $("#myDiv").html(data) or at least $("#myDiv")[0].innerHTML = data; should execute JS (in $.ajax success handler). In that case it was not possible to do like that because OP were trying to take only a part of response.

|

Collectives™ on Stack Overflow

JQuery `.load()` function not executing javascript which is in loading page

1 Answer 1

7 Comments

Hot Network Questions