Css file load order in Meteor

Hi @thunder, we pushed an update to webflow.js which improves support for single-page apps.

Whenever you are rendering a page that contains webflow components (slider, navbar, etc), you will need to initialize them. On typical sites, this happens in the jQuery.ready handler. However, in single-page apps the HTML is being built dynamically.

We’ve added a method to manually invoke the ready handler on all components. This should be called after your HTML is inserted into the document.

Webflow.ready();

Once the elements are initialized they should behave as they normally would in a webflow site.

Just before the route changes in your app, you will want to prevent those components from updating. You can do this by calling the destroy method.

Webflow.destroy();

Once the route has changed, you can call ready() again, and the cycle starts anew.

Hopefully this makes sense! Good luck with your meteor app.

-Dan

2 Likes