How to add Isotope jQuery in Magento 2

Question

I have added and configured the Isotope jQuery in Magento 2.3.3. But, its working and showing error as below:

Uncaught TypeError: $(...).isotope is not a function

I have tried all the solutions but none of them are worked.

Have anyone an idea how to configure Isotope js in Magento2?

Answer 1

in your requirejs-config.js try this one:

var config = {

    map: {
        '*': {
            'isotope': 'Magento_Theme/js/isotope.pkgd'
        }
    },

    shim: {
        'isotope': {
            deps: ['jquery']
        }
    }
};

Your other js code looks fine. After that you need to check if your isotope.pkgd.js is loading in DOM. if it is going in 404 then you need to check path of isotope.pkgd.js

Answer 2

Please Try this way

var config = {

    map: {
        '*': {
            'isotope': 'Magento_Theme/js/isotope.pkgd'
        }
    },

    shim: {
        'isotope': {
            deps: ['jquery']
        },
    }
};

You miss the Talk break in your js file