將JavaScript文件導入流星項目

我最近買了一個wrapbootstrap主題，想轉換成流星項目。我有一個名爲「jquery.countTo.js」的jquery模塊js文件，我想將其導入到我的流星項目中。我不知道該怎麼做。將JavaScript文件導入流星項目

這些都是我試過的方法：

把它裏面的「兼容性」文件夾
使用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更改爲您想要顯示的destionation編號例如，這是在HTML代碼：

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

可有人誰擁有整合主題爲流星的項目經驗，請告知如何處理JS文件

非常感謝您！

來源

2016-08-22 Allen Liu

我用助手來做類似的事情。

例子： 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}}在模板中。

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

來源

2016-08-22 12:18:01 Ankit

將JavaScript文件導入流星項目

回答

相關問題