ReferenceError:使用onclick时未定义函数

Question

我使用javascript设置了一个锚标记,以便onclick我调用一个函数showSavingsEasterEgg并传递一个值.我得到的问题是我没有正确引用我的功能:

ReferenceError: showSavingsEasterEgg is not defined

我已经尝试将showSavingsEasterEgg函数移动到showData函数中以查看它是否解决了范围问题,但事实并非如此.

有小费吗

define(["jquery", "go/util", "underscore", "jqueryui/slider"], function ($, util,_) {

  function showData(data) {
    $('#item').append('<a class="savings_link" href="#" onclick=\'showSavingsEasterEgg('+data[key]['saving']+')\'> Savings');
  }

  function showSavingsEasterEgg(data){
    console.log("SUccess");
    console.log(data);
  }

});

Answer 1

将定义showSavingsEasterEgg直接放在全局范围内.

在这里,它无法找到.

你可以这样做 :

window.showSavingsEasterEgg = function (data){
    console.log("SUccess");
    console.log(data);
};
define(["jquery", "go/util", "underscore", "jqueryui/slider"], function ($, util,_) {
  function showData(data) {
    $('#item').append('<a class="savings_link" href="#" onclick=\'showSavingsEasterEgg('+data[key]['saving']+')\'> Savings');
  }
});