$.getScript loading file but not executing it

Question

I'm trying to load a javascript file using jQuery's $getScript, I'm loading the script on button click. The script is supposed to append a node's content into another node, the problem is that I see the script is loaded but it's not executing.

<script type="text/javascript">
$('#but').on('click', function(){

  $.getScript('/static/39f3e10/js/wrapperloadxb.js')
    .done(function(textStatus) {
      /*optional stuff to do after getScript */
      console.log('script is loaded');
    })
    .fail(function(jqxhr, settings, exception){
      console.log("error");
    })

});


</script>

the script to load

var wrapper  = function(){
  var ul = document.getElementById('xbUL');
  var container = document.getElementById('xxx');
  container.appendChild(ul)
  };

PS: I'm adding $.getScript inside an underscore template script

vijayP · Accepted Answer · 2017-05-26 12:13:22Z

4

With $.getScript you are just inserting the code onto your main page. Still you need to call the required function like the normal function call wrapper():

$('#but').on('click', function(){

  $.getScript('/static/39f3e10/js/wrapperloadxb.js')
    .done(function(textStatus) {
      /*optional stuff to do after getScript */
      console.log('script is loaded');

      //calling the wrapper function
      wrapper();
    })
    .fail(function(jqxhr, settings, exception){
      console.log("error");
    })

});

answered May 26, 2017 at 12:13

vijayP

11.5k5 gold badges28 silver badges42 bronze badges

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

1 Comment

ChemseddineZ Over a year ago

that's exactly what was missing, i can't believe i missed that, Thanks

Collectives™ on Stack Overflow

$.getScript loading file but not executing it

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related