2017-09-19 78 views
0

當我試圖將一個外部JS項目導入到我的流星文件夾時遇到了可怕的問題。這是我想要使用的項目:http://www.outsharked.com/imagemapster/default.aspx?demos.html#beatles將本地JS文件導入流星

正如你所看到的,有必要導入兩個腳本。第一個是JQuery,通過將它與meteor add jquery相加可以輕鬆解決這個問題。

當我試圖導入第二個腳本時問題出來了。我不知道如何使用它,因爲據我所知,流星你不能只將腳本導入頭部。出於這個原因,我創建了一個呈現的新模板,並將代碼放在那裏,但沒有任何反應。稍後,我創建了一個事件,在單擊圖像時調用JS,但沒有成功。

我的問題是,這是導入流星本地JS代碼正確的方法,如HTML與完成:

<script type="text/javascript" src="../dist/jquery.imagemapster.js"></script> 

回答

0

由於jQuery的imagemapster可作爲NPM包,你可以這樣做:

$ npm install jquery-imagemapster 

在您的項目目錄中,並使其可用於您的項目。

在流星包的早期版本只能通過大氣和$ meteor add。後來他們添加了npm支持,所有npm包都可用。

+0

謝謝,我已經做到了,但當我嘗試手動添加它時遇到同樣的問題。執行後,出現一個錯誤:在1946行jquery.imagemapster文件 – Thotensar

+0

錯誤發生:'不能讀取屬性'未定義'延遲'看起來像從自己的文件中的錯誤。但是這很奇怪,因爲它在HTML中運行時效果很好。當我在流星中運行它時,它才工作 – Thotensar

+0

初始化插件的方式?這在流星中會有所不同。 –

0

前綴npm安裝「meteor」 - >「meteor npm install -save'js file'。初始化將與其他任何前端環境中的相同,就像導入它一樣。如果之後遇到問題,請在瀏覽器控制檯中查看它是否存在,並使用其內置屬性和方法從那裏開始工作。