Question

我正在尝试将此引导主题添加到我的项目http://ironsummitmedia.github.io/startbootstrap-creative/中，此主题在jquery和bootstrap旁边有4个js文件。

我在我的项目中添加了jquery和bootstrap，这4个文件位于兼容性文件夹中，正如Metereor doc所说，但它没有用。向下滚动页面时的导航栏效果不起作用，我有时（如果我保持.js文件名不变）得到关于fitText.js文件的错误。

PD1：兼容性文件夹按字母顺序加载.js文件。

PD2：我在堆栈和流星论坛中尝试了很多建议，但没有任何反应。

我把css和更少的文件放在client / lib / stylesheet中，他们认为没问题。

如何让这个主题在流星中发挥作用呢？

感谢。

注意： JS档案

1.jquery.easing.min.js
2.jquery.fittext.js
3.wow.min.js
4.creative.js

我将它们与创意主题加载顺序放在一起

Answer 1

您有两个主要选项：

Create a meteor package。如果你做得很好，那么你可能希望通过atmosphere.js和github与社区分享，这样其他人都可以利用你的工作。
将主题的.js文件放在/ public下，然后在/ client目录树中的某个位置创建一个名为 head.html 的文件，该文件不包含任何<template name="foo">指令。相反，只需在<head>和<head>括起来的所有网页的</head>部分中添加所需的指令即可。请参阅html的该部分的.js文件。

<head>部分也可用于建立您的Google SEO代码以及您的Google网站管理员工具验证码。

Answer 2

我找到了一个完美的解决方案。我希望它可以帮助其他人，我使用jquery和.rendered在页面完全呈现后加载scrips并且我想在可用的地方使用所有效果

Template.layout.rendered = function() {

  $('head').append('<script type="text/javascript" src="/javascript/jquery.easing.min.js"></script>');
  $('head').append('<script type="text/javascript" src="/javascript/jquery.fittext.js"></script>');
  $('head').append('<script type="text/javascript" src="/javascript/wow.min.js"></script>');
  $('head').append('<script type="text/javascript" src="/javascript/creative.js"></script>');

}

Answer 3

没有必要在流星中提供样式表的参考。只需将CSS文件放在client / stylesheets文件夹中即可。 Meteor将自动应用这些CSS规则。

JS也是如此。

MeteorJS外部文件：css和js

3 个答案: