Load script tag from the file html

Question

In the header of the first page

<script type="text/javascript">
$(document).ready(function(){
  $("#register_reg").click(function(){
    $("#register_form").load("test_test.php #register_rules");
  });
});
</script>

In the content of the ID #register_rules in the second file (test_test.php) there are this line

<script type="text/javascript" src="jquerycode.js"></script>

The probleme is, in the fist page, when i click the link (ID #register_reg) the line script not added in the ID #register_form

So, how I can add the content of the ID #register_rules with here script in the ID #register_form

You can use getScript() to load the script and then run it - api.jquery.com/jquery.getscript — Jay Blanchard
– Jay Blanchard, Commented May 19, 2014 at 21:30

mrk · Accepted Answer · 2014-05-19 21:27:29Z

The script is stripped out of the HTML loaded.

From the jQuery docs about load() (emphasis added)

http://api.jquery.com/load/

Script Execution

When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded. If .load() is called with a selector expression appended to the URL, however, the scripts are stripped out prior to the DOM being updated, and thus are not executed. An example of both cases can be seen below:

Here, any JavaScript loaded into #a as a part of the document will successfully execute.

1 $( "#a" ).load( "article.html" ); However, in the following case, script blocks in the document being loaded into #b are stripped out and not executed:

1 $( "#b" ).load( "article.html #target" );

Mr King · Accepted Answer · 2014-05-20 08:49:48Z

1

this is the correct code

<script type="text/javascript">
$(document).ready(function(){
  $("#register_reg").click(function(){
    $("#register_form").load("test_test.php #register_rules", function() { 
        $("#register_form").append("<script type='text/javascript' src='jquerycode.js'></" + "script>"); 
    });
  });
});
</script>

edited May 20, 2014 at 8:49

answered May 20, 2014 at 5:34

Mr King

215 bronze badges

Comments

Md Nazmoon Noor · Accepted Answer · 2014-05-19 21:43:49Z

0

Try this.

$("#register_form").load("test_test.php #register_rules",function(){
    $.getScript("jquerycode.js"); 
});

answered May 19, 2014 at 21:43

Md Nazmoon Noor

3,3271 gold badge27 silver badges30 bronze badges

1 Comment

Mr King Over a year ago

not working, the function "append" working verry well

Collectives™ on Stack Overflow

Load script tag from the file html

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related