잡히지 않은 ReferenceError : 격자가 정의되지 않았습니다.

WordPress에서 https://github.com/codrops/ThumbnailGridExpandingPreview을 설정하려고합니다.잡히지 않은 ReferenceError : 격자가 정의되지 않았습니다.

내가 직면하고 문제는 :

이 여기에 초기화 파일의 코드입니다. 어떤 아이디어?

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); 
}

: 나는 JS 파일을로드하고 방법

이것은 :

jQuery(function($){ 

    Grid.init(); 

});

내가 없애 (function($) {과 })(jQuery); 사이 grid.js의 코드를 포장했다

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

출처

2016-08-05 Sridhar Katakam

grid.js보다 파일에 JQuery 라이브러리가로드되지 않은 것 같습니다. 확인하시기 바랍니다 – Vijai

입니다. jquery.js가 헤더에로드되고 있습니다. grid.js 및 grid-init.js가 순서대로 바닥 글에로드됩니다. –

초기화 코드를 ''태그를 사용하면 범위 지정 문제가있을 수 있습니다. –

-1

그냥 var $ = jQuery를 추가하십시오. grid.js 파일의 상단에 있으며이를 수정해야합니다.

출처

2016-08-05 01:54:57 Mandava

더 많은 고심이 필요합니다. 왜해야하는지에 대한 설명을 추가하는 것을 고려해보십시오. 아니면'jQuery'가'$'에 앨리어싱되지 않을 수도 있습니다 - OP에는 이미 똑같은 해결책이 있습니다 (그러나 글로벌 네임 스페이스를 오염시키지 않습니다, btw) – Will

이 문제가 해결되었습니다. –

잡히지 않은 ReferenceError : 격자가 정의되지 않았습니다.

답변

관련 문제