javascript - 使用 AMD 和 Moodle

Question

我正尝试在为 Moodle 构建的模块中使用 jQuery，但我遇到了很多问题。

基于此处的说明 Moodle Docs我创建了所需的文件夹结构

./
./amd
./amd/src
./amd/src/scripts.js

在我的 scripts.js 中我有简单的代码

define(['jquery'], function($) {
  return {
    debug: function($){
      console.log($);
    }
  };
});

我运行 grunt，一切都按预期编译。

然后在我的 PHP 中调用

$PAGE->requires->js_call_amd("mod_mymod/scripts", "debug", null);

当我运行它时，出现以下错误

Uncaught Error: No define call for mod_mymod/scripts

谁能帮我解决这个问题？

我以前从未使用过 AMD，所以如果我需要做类似的东西

$("#link").click(function(){
    $(".results").html("hi");
}

我会怎么做？

Answer 1

试试这个:

define(['jquery'], function($) {
  return {
    debug: function(){
      console.log($);
    }
  };
});

并调用它

$PAGE->requires->js_call_amd("mod_mymod/scripts", "debug");

并确保 grunt 正常工作并创建构建文件夹和 scripts.min.js 文件。