2017-09-19 47 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'。初始化将与其他任何前端环境中的相同,就像导入它一样。如果之后遇到问题,请在浏览器控制台中查看它是否存在,并使用其内置属性和方法从那里开始工作。