将javascript文件导入流星项目

时间:2016-08-22 11:33:28

标签: javascript jquery meteor import themes

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

这些是我尝试的方式:

  1. 把它放在"兼容性"夹

  2. 使用jquery的getScript加载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。

  4. 这些都没有奏效。我认为代码可能已加载,但其功能不起作用, 它应该通过使用html属性" data-from"来将前端数字从1更改为你要显示的destionation数字。和"数据到" 例如,这是HTML代码:

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

    可以将具有将主题融入meteor项目的经验的人,请告知如何处理js文件

    非常感谢!

1 个答案:

答案 0 :(得分:0)

我用帮手做了类似的事情。

实施例: HTML文件:

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
        }});

JS文件:

Templates.test1.rendered({});

您应该使用Version Editor,并且可以避免在模板中调用{{helloworld}}。

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