將javascript文件導入流星項目

Question

我最近買了一個wrapbootstrap主題，想轉換成流星項目。 我有一個名為“ jquery.countTo.js”的jquery模塊js文件，我想將其導入到流星項目中。 我不確定該怎么做。

這些是我嘗試過的方法：

1. 放在“兼容性”文件夾中

2. 使用jQuery的getScript加載js文件

   Meteor.startup（function（）{$ .getScript（'../ js / jquery.countTo.js'，function（）{}）;}）;

3. 創建了一個新程序包，並在package.js文件中，我將“ api.mainModule（）”行修改為api.mainModule（'jquery.countTo.js'）; 但是，當我運行該項目時，它從錯誤中讀取此程序包時會崩潰，我假設它是因為我的程序包不知道文件jquery.countTo.js依賴於jquery。 我還要在package.js中添加更多內容，以告知它需要首先加載jquery。

這些都不起作用。 我認為代碼可能已經加載，但是其功能無法正常工作，應該使用html屬性“ data-from”和“ data-to”將前端號從1更改為要顯示的目標號。 ，這是HTML代碼：

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

有經驗的人可以將主題整合到流星項目中嗎，請告知如何處理js文件

非常感謝你！

Answer 1

我用助手做類似的事情。

示例：HTML文件：

<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}}。

或者，您可以將這些文件導入所需的模板中。