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

 });

减少Ractive.js中的代码重复

1 个答案: