如何从外部JS调用函数onclick - Uncaught ReferenceError

Question

我试图在点击时从外部JavaScript调用函数，但我仍然收到一条消息：

  

未捕获的ReferenceError：未定义窗口小部件

我做错了什么？

这就是我的功能：

jQuery(document).ready(function($) {
          //code here
      function Widget() {
            $("div[data-pin]").each(function() {
              //code here
            });
      }
      Widget()
});

这就是我试图调用函数的方法：

jQuery(document).ready(function($) {   
      $(".button").one('click', function(){
        $(".div-inner").append("<div style='background: #fff;' data-pin></div>");
        $.getScript(window.location.origin + "/jquery.js", function() {
            $.getScript(window.location.origin + "/function.Widget.js", function() {
                Widget();
        });
        });
      });
});

Answer 1

将函数移到jQuery()或$()之外，使其在全局范围内声明，并可从所有范围访问。

jQuery(document).ready(function($) {
      //code here
      Widget()
});

function Widget() {
    jQuery("div[data-pin]").each(function() {
       //code here
    });
}