2016-08-05 28 views
0

WordPressにhttps://github.com/codrops/ThumbnailGridExpandingPreviewを設定しようとしています。未知ReferenceError:グリッドが定義されていません

私が直面しています問題は、次のとおりです。

enter image description here

ここでinitファイル内のコードがあります。何か案は?

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ファイルをロードしていますか

enter image description here

これは、次のとおりです。

jQuery(function($){ 

    Grid.init(); 

}); 

は私がを取り除くために(function($) {})(jQuery);間grid.js内のコードをラップする必要がありました

ご協力いただければ幸いです。前もって感謝します。

+0

JQueryライブラリがgrid.jsより前のファイルに読み込まれていないようですか?ご確認ください – Vijai

+0

です。 jquery.jsがヘッダーにロードされています。 grid.jsとgrid-init.jsがこの順番でフッターにロードされています。 –

+0

初期コードを ' 'タグを使用すると、スコープの問題が発生する可能性があります。 –

答えて

-1

var $ = jQueryを追加するだけです。 grid.jsファイルの一番上にあります。

+0

ここでもっと精巧さが必要です。なぜこれを行うべきなのか、あるいは 'jQuery'が' $ 'にエイリアスされないかもしれない理由についての説明を追加することを検討してください - OPはすでに全く同じことをする解決策を持っています(しかし、 btw) – Will

+0

これで問題が解決しました。 –

関連する問題