javascript - 同位素 : jQuery not a function error using either jQuery or $ in WordPress

Question

尝试在此页面上调用同位素时遇到奇怪的问题( https://starmountaincapital.com/media-center-test/ )，无论我使用“$”(当然，我不应该，但无论如何尝试过)还是“jQuery”，我都会得到同样不是控制台中的功能错误。该代码直接来自 Isotope，并添加了一些用于过滤的内容:

var $grid = jQuery('.grid').isotope({
    // options
        itemSelector: '.grid-item',
        layoutMode: 'fitRows'
    });

// filter items on button click
    jQuery('.filter-button-group').on( 'click', 'button', function() {
        var filterValue = jQuery(this).attr('data-filter');
        $grid.isotope({ filter: filterValue });
    });

那么这样写对吗？

Answer 1

错误消息并不是提示 jQuery 不是函数，而是返回的 jQuery 对象的 .isotope 属性 不是函数。

在页面加载期间查看网络选项卡，会发现从 https://starmountaincapital.com/wp-content/themes/starmountain/js/isotope.js?ver=1 检索 isotope.js 的 GET 请求返回了 404 错误。

服务器实际上返回一个 HTML“NOT FOUND”错误页面。检查 isotope.js 是否已正确安装，如果已正确安装，则它位于哪个文件夹中。