将javascript文件导入meteor项目答案

【问题标题】：import javascript files into meteor project将javascript文件导入meteor项目
【发布时间】：2016-08-22 11:33:27
【问题描述】：

我最近买了一个 wrapbootstrap 主题，想转换成流星项目。我有一个名为“jquery.countTo.js”的 jquery 模块 js 文件，我想将它导入到我的流星项目中。我不知道该怎么做。

这些是我尝试过的方法：

放在“兼容性”文件夹中
使用jquery的getScript来加载js文件

Meteor.startup(函数(){ $.getScript('../js/jquery.countTo.js', function(){}); });
创建了一个新包，并在 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>

有经验的人可以将主题整合到meteor项目中，请指教如何处理js文件

非常感谢！

【问题讨论】：

标签： javascript jquery meteor import themes

【解决方案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}}。

或者，您可以将这些文件导入到您需要的模板中。

【讨论】：