1

現在、チュートリアルを使用して、作成中のワードプレス テーマに「Isotope」という JQuery プラグインを実装する方法を学習しています。私が使用しているチュートリアルへのリンクは次のとおりです: http://www.designlunatic.com/2011/08/isotope-tutorial/#wpcf7-f780-w1-o1

functions.php ファイルで JQuery ライブラリを参照し、wp_enqueue_script (および wp_register_script) 関数を使用して、それと isotope.js ファイル (このファイルも登録しました) をキューに入れました。ソースコードを表示してリンクをクリックしてもエラーが発生しないため、これらのファイルがリンクされていることはわかっています。ファイルが表示され、wp_head 関数を介して正しくリンクされているように見えます。

私が抱えている問題は、アイソトープを使用するスクリプトがコンソールに何らかのエラーを表示していることです。

いくつかの異なる方法を試しましたが、エラーは通常次のとおりです。

「キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] のプロパティ '$' は関数ではありません」

エラーは、ドキュメントのヘッドに含まれる次のスクリプトを参照しています。

<script type="text/javascript">
        $(document).ready(function() {
            alert('called');
            var $container = $('#content');
            $container.isotope({
                filter: '*',
                animationOptions: {
                    duration: 750,
                    easing: 'linear',
                    queue: false
                }
            });

            $('#nav a').click(function() {
                var selector = $(this).attr('data-filter');
                $container.isotope({
                    filter: selector,
                    animationOptions: {
                        duration: 750,
                        easing: 'linear',
                        queue: false
                    }
                });
                return false;
            });

        });
    </script>

これを別のスクリプトとしてロードし、JQuery に依存して登録/エンキューしようとしましたが、基本的に同じエラーが発生しました。また、「$」を「JQuery」に置き換え、関数のパラメーター内に「$」を配置しようとしました。切り替えると、次のエラーが発生します。

「キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] のプロパティ 'JQuery' は関数ではありません」

ここで何が間違っていますか?私はできる限りチュートリアルの指示に従いました。助けてください!ありがとう!

4

1 に答える 1