javascript src does not work from parent jquery load

Question

I have a parent container loading in a child container which has javascript src pointing to a library. When the child is loaded, the src library does not run.
I tried getScript() after callback but this does not have any affect.

The library is a color picker: http://jscolor.com/

Any suggestions please?

parent.html:

<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript">
      $(function(){
        $('#rec').load('child.html', function(){
          $.getScript("js/jscolor.js");
        });
      });
    </script>
  </head>
  <body>
    <div id='rec'></div>
  </body>
</html>

child.html:

<script type="text/javascript" src="js/jscolor.js"></script>
<input class="color" value="66ff00">

My psychic debugging skills tell me that you have a 404 due to relative path issues. — SLaks
– SLaks, Commented Jul 19, 2013 at 17:54
@SLaks do you mean console? the child is loaded but the JS does not work. — s_p
– s_p, Commented Jul 19, 2013 at 17:54
@SLaks i dont see a 404, when i place the content of child in parent for testing it all works — s_p
– s_p, Commented Jul 19, 2013 at 17:58

Moazzam Khan · Accepted Answer · 2013-07-19 18:17:47Z

5

jscolor.js needs to loaded before document is completly loaded because it attach stuffs to input element using onload event of document, in your case document is already loaded when you load jscolor.js. So call jscolor.init again after $.getScript("js/jscolor.js") has loaded the js file.

$(function(){
$('#rec').load('child.html', function(){
   $.getScript("js/jscolor.js", function(data, textStatus, jqxhr) {
       jscolor.init();
});

answered Jul 19, 2013 at 18:17

Moazzam Khan

3,1702 gold badges23 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

javascript src does not work from parent jquery load

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related