MeteorJS not running external script.js on reload?

Question

I'm currently running a compiled scripts.js file that activates a bunch of various UI capabilities (masonry, navbar, etc.) using the onRendered method.

Template.mainLayout.onRendered( function() {
    $.getScript('js/scripts.js');
});

My issue is, if I navigate to another page like /team, the script doesn't rerun, meaning in other pages, the masonry does not work anymore. Additionally, when I come back to the home page, the script also breaks, making the nav bar broken.

Please let me know if I'm using this function wrong?

Nope I am using flow router and blaze layouts. I am now loading the script directly in the scripts.js file with the same function. — eddiewang
– eddiewang, Commented Aug 15, 2015 at 16:09

Geoffrey Booth · Accepted Answer · 2015-08-15 19:59:07Z

1

If you’re hosting the scripts yourself, put them in your client/compatibility folder. Meteor will automatically include them in your app.

If you want to load them from CDN, edit your client/index.html folder to add a script tag.

Then in your onRendered callback, put the code that initializes your custom scripts, e.g. this.$('table').datatable() or whatever.

answered Aug 15, 2015 at 19:59

Geoffrey Booth

7,4045 gold badges39 silver badges44 bronze badges

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

3 Comments

eddiewang Over a year ago

Getting to a closer solutionn now. Loading them via client/compatibility, and I've now scoped in the the code that's not being reloaded. However onRendered only initializes my scripts, how can I reinitialize that script on every reload (to a new route)?

Geoffrey Booth Over a year ago

If onRendered isn’t rerunning, it’s because your template isn’t rerendering—even if it disappears and returns (i.e. you change routes and return). To force it to rerender, it needs to contain a variable that changes; for example, a helper that returns Date.now() or somesuch. And if that feels hacky, that’s because it is—if you think your template needs to rerender when Meteor thinks it doesn’t need to, something larger is probably wrong. I suggest you post your specific circumstances/code (including jQuery plugins or the like that you may be trying to initialize) in a new question.

eddiewang Over a year ago

I tried this: Template.mainLayout.helpers({ reactivity: Date.now() }); This is just for a learning project, so hacky is good. However, it still doesn't seem to force rerender, even if I set a changing variable.

ivansabik · Accepted Answer · 2016-02-14 20:38:01Z

0

Eddie, .getscript() is an async function, so you need to specify a calback. I needed to load in meteor an external JS for a leaflet plugin. Using async, defining callback functions did the hack:

    $.getScript('js/l.control.geosearch.js', function( data, textStatus, jqxhr ) {
        $.getScript('js/l.geosearch.provider.google.js', function( data, textStatus, jqxhr ) {
            new L.Control.GeoSearch({
                provider: new L.GeoSearch.Provider.Google(),
                position: 'topcenter',
                showMarker: false,
                retainZoomLevel: true,
            }).addTo(map);
        })
    })

answered Feb 14, 2016 at 20:38

ivansabik

6136 silver badges14 bronze badges

Collectives™ on Stack Overflow

MeteorJS not running external script.js on reload?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related