Уменьшение дублирования кода в 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>

javascript server-side-includes ractivejs
person John Allard    schedule 06.12.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я понял. Вместо того, чтобы делать

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

 });
person John Allard    schedule 06.12.2015