未捕获的ReferenceError：未定义网格

Question

我正在尝试在WordPress中设置https://github.com/codrops/ThumbnailGridExpandingPreview。

我面临的问题是：

这是init文件中的代码。有什么想法吗？

jQuery(function($){

    Grid.init();

});

我必须在(function($) {和})(jQuery);之间的grid.js中包装代码以摆脱：

这就是我加载js文件的方式：

add_action( 'wp_enqueue_scripts', 'sk_enqueue_scripts' );
function sk_enqueue_scripts() {
    wp_enqueue_script( 'modernizr', get_stylesheet_directory_uri() . '/js/modernizr.custom.js', '', '1.0.0', false );

    wp_enqueue_script( 'grid', get_stylesheet_directory_uri() . '/js/grid.js', array( 'jquery' ), '1.0.0', true );
    wp_enqueue_script( 'grid-init', get_stylesheet_directory_uri() . '/js/grid-init.js', array( 'grid' ), '1.0.0', true );
}

感谢任何帮助。提前谢谢。

Answer 1

只需添加var $ = jQuery;在grid.js文件的顶部，应该修复它。