MeteorJS external files: css and js

Question

I am trying to add this bootstrap theme to my project http://ironsummitmedia.github.io/startbootstrap-creative/ this theme have 4 js files beside jquery and bootstrap.

I added jquery and bootstrap to my project, This 4 files are in the compatibility folder, as Metereor doc said, but It did not work. The navbar effect when scroll down the page is not working and I sometimes(If I leave the .js files name untouched) got an error about fitText.js file.

PD1: Compatibility folder loads the .js files in alphabetical order.

PD2: I tried a lot of suggestions that I found, here in stack and meteor forums but nothing happen.

I put css and less files in client/lib/stylesheet and they seens to be ok.

What can I do to make this theme to work in meteor.?

Thanks.

NOTE: JS Files

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

I place them with creative theme load order

Michel Floyd · Accepted Answer · 2015-07-27 00:12:33Z

1

You have two primary options:

Create a meteor package. If you do a nice job of this then you might wish to share it with the community via atmosphere.js and github so that everyone else can take advantage of your work.
Put your theme's .js files under /public then create a file somewhere in your /client directory tree called head.html that doesn't include any <template name="foo"> directives. Instead just include the directives you want in the <head> section of all your pages bracketed by <head> and </head>. Refer to your .js files from that section of html.

The <head> section is also useful for establishing your google SEO codes and also your google webmaster tools verification code.

answered Jul 27, 2015 at 0:12

Michel Floyd

20.3k4 gold badges27 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jose Osorio · Accepted Answer · 2015-07-27 05:42:38Z

0

I found a solution that works perfect. I hope it could help other people, I use jquery and .rendered to load the scrips after the page is fully rendered and all the effects I wanted to use where available

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

}

answered Jul 27, 2015 at 5:42

Jose Osorio

9392 gold badges12 silver badges25 bronze badges

2 Comments

wiwa1978 Over a year ago

Hi Jose, trying to do exactly the same but does not work. Can you share your code how you integrated the Creative theme with Meteor?

Waveformer Over a year ago

Hi Jose - did you ever figure out how to get this running? I've had a similar issue with the same template, have opened up some discussion on Reddit about it here reddit.com/r/Meteor/comments/3vr8vu/… and also posted another question here stackoverflow.com/questions/34128016/…

Amar Prakash Pandey · Accepted Answer · 2016-08-07 22:35:45Z

0

There is no need to provide the reference of stylesheets in the meteor. Just put your CSS file in client/stylesheets folder. Meteor will automatically apply these CSS rules.

And the same goes with JS as well.

answered Aug 7, 2016 at 22:35

Amar Prakash Pandey

1,37418 silver badges25 bronze badges

Collectives™ on Stack Overflow

MeteorJS external files: css and js

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related