html - 使用requirejs调用函数

如何使用requirejs调用函数？

这是一个过于简单的问题，但令人惊讶的是，到目前为止，没有教程或示例能够对我有所帮助。

这是我的html文件中的代码。

...
<script src = "stuff.js"></script>
<button onclick="doStuff(4, 2)";>DoStuff</button>
...

这是我的要求js。

define(["jquery"], function ($) {
  function doStuff(a, b) {
    //does some stuff
  }
});

为什么这不起作用？我懂了
ReferenceError:未定义doStuff

最佳答案

您眼前的问题的答案可能是这样的:

index.html

<button id="the-button">DoStuff</button>
<script data-main="stuff" src="scripts/require.js"></script>

stuff.js

require(["jquery"], function ($) {
  function doStuff(a, b) {
    //does some stuff
  }

  $('#the-button').click(function() {
    doStuff(4, 2);
  });
});

但是，如果您退后一步并阅读有关现代JavaScript体系结构和技术的内容，您似乎会从中受益。这应该是一个很好的起点:Why is using onClick() in HTML a bad practice?

关于html - 使用requirejs调用函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20336455/