Question

我尝试使用jQuery＆＃39; $getScript加载javascript文件，我点按了按钮点击脚本。该脚本应该将节点的内容附加到另一个节点，问题是我看到脚本已加载但它没有执行。

<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>

要加载的脚本

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

PS：我在下划线模板脚本中添加$.getScript

Answer 1

使用$.getScript，您只需将代码插入主页即可。仍然需要调用所需的函数，如普通函数调用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");
    })

});

$ .getScript加载文件但不执行它

1 个答案: