jQuery and Foundation 6

First post here, so please go easy on me :slight_smile:

I use foundation-sites in my project, and I need (“I think I need”) jQuery to initialize Foundation. This is how I do it:

import jQuery from 'jquery';

export default function initFoundation() {
    jQuery(document).foundation();
}

I have installed both @ember/jquery and @ember/optional-features, and enabled jquery integration. However, the code above is bundled as follows:

exports.default = initFoundation;
    function initFoundation() {
        Ember.$(document).foundation();
    }

And, of course, I get the deprecation warning

Using Ember.$() has been deprecated, use import jQuery from 'jquery'; instead

What is the proper way of integrating Foundation 6 in my ember application? Or, more generic formulated, what is the proper way of using jquery while avoiding those warnings? Is it even possible?

Solution here: https://stackoverflow.com/questions/61943861/emberjs-jquery-deprecation-and-foundation/61955934#61955934

2 Likes