2016-08-22 1 views
0

Недавно я купил тему wrapbootstrap и хотел преобразовать в проект метеора. У меня есть js-файл jquery-модуля с именем jquery.countTo.js, который я хочу импортировать в свой проект метеор. Я не уверен, как это сделать.импортировать файлы javascript в проект meteor

эти пути я пытался:

  1. положить его в "совместимость" папка

  2. getScript использовать JQuery для загрузки JS файл

    Meteor.startup (функция () { $ .getScript ('../ js/jquery.countTo.js', function() {}); });

  3. создал новый пакет, и в файле package.js я просто изменяю строку «api.mainModule()» на api.mainModule ('jquery.countTo.js'); Тем не менее, когда я запускаю проект, он сбой при чтении этого пакета, из ошибки я принимаю его, потому что мой пакет не знает, что файл jquery.countTo.js зависит от jquery. Что еще нужно добавить в package.js, чтобы сказать, что сначала нужно загрузить jquery.

Ничего из этого не работало. Я думаю, что код мог быть загружен, но его функциональность не работает, Предполагалось, что он изменит номер интерфейса от 1 до номера деления, который вы хотите отобразить, с помощью атрибутов html «data-from» и «data-to» Например, это в HTML-коде:

<h2 class="timer mb5" data-from="1" data-to="15381" data-refresh-interval="20">1</h2> 

Может кто-то, кто имеет опыт работы, включающий тему в метеоритный проекта, пожалуйста посоветуйте, как иметь дело с JS-файлов

большое спасибо!

ответ

0

Я использовал помощников, чтобы сделать что-то похожее на это.

Пример: HTML FIle:

<template name="test1"> 
    <div id="test2"> 
    Hello World 
    </div> 
    {{helloworld}} 
</template> 

JS файла:

Template.test1.helpers({ 
    'helloworld': function(){ 
     //jquery or javascript code to be rendered 
    }}); 

Template.test1.events({ 
     "click .test2": function(){ 
      //jquery or javascript code performed on click 
     }}); 

Вы должны использовать Templates.test1.rendered({}); и может не вызывать {{HelloWorld}} в шаблоне.

В качестве альтернативы вы можете импортировать эти файлы в нужные шаблоны.