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

我遇到了一个问题，我网站上的许多不同页面（使用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>

最佳答案

我想到了。而不是做

$(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

 });

关于javascript - 减少Ractive.js中的代码重复，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34113456/