javascript - 减少 Ractive.js 中的代码重复

Question

我遇到了这样的问题:我的网站上的许多不同页面(使用 Ractive.js 创建)需要相同的功能，大部分是执行 AJAX 回调到服务器的功能。我通常会将所有这些函数存储在一个 JS 文件中，并将其包含在我的所有页面中以实现常用功能，但是当我这样做时，各个页面的 Ractive 代码中无法识别该函数。

所以它看起来像这样

<script src="src/to/common/library"></script>
<div id="target"></div>
<div id="template">
 // Ractive code
  load_models(); // defined in common library, throws error that it's not defined.
</div>

Answer 1

我明白了。而不是做

$(function() {                                                                                                                    

    var MAIN = new Ractive({
        el: '#target',
        template: '#template',

我可以做

$.getScript("/app_name/static/js/scripts/common.js",  function() {
   var MAIN = new Ractive({
      ...
   )};

  // all functions defined in common.js are available for your use now

 });