无法在网站app.js的基础6中初始化同位素

时间:2018-06-04 19:30:15

标签: zurb-foundation jquery-isotope

我似乎无法在网站app.js的基础6中初始化同位素据我所知,这应该可以工作,但我一直得到$ container.isotope不是一个函数:

import $ from 'jquery';

import whatInput from 'what-input';

window.$ = $;

import Foundation from 'foundation-sites';

import Isotope from 'isotope-layout';

// var isotope = new Isotope();

$(document).foundation();

    $(document).ready(function ($) {

    'use strict';

    $(function(){

        var $container = $('#container');

        $container.isotope({
            itemSelector: '.element',
            masonry : {
                columnWidth : 120
            }
        });

        $container.delegate( '.element', 'click', function(){
            console.log('element is clicked')
            $(this).toggleClass('large');
            $container.isotope('reLayout');
        });

    });

});

像这样初始化它(new Isotope)会初始化对象,但是当点击其中一个.elements时,我仍然会收到错误#34; iso不是一个函数"

var iso = new Isotope('#container', {
            itemSelector: '.element',
            masonry : {
                columnWidth : 120
            }
        });

    $('#container').delegate( '.element', 'click', function(){
            console.log('element is clicked')
            $(this).toggleClass('large');
            iso('reLayout');
        });

今天花了很多时间在这上面 - 我做错了什么?

0 个答案:

没有答案