如何从外部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
    });
}