jquery - jqueryは、jqueryファイルを再度含める場合にのみ機能します

Question

コードにjqueryを適用しようとしています...

<script type="text/javascript">
    alert($('.thickbox'));
</script>

しかし、これは機能しません。

ヘッダーにjquery.jsファイルが含まれています（ヘッダーはこのスクリプトとは別の場所にあります）。

上記のスクリプトは、コードの上にjquery.jsを追加した場合にのみ機能しますが、jQueryを使用する他の機能が機能しないままになります...これを修正する方法はありますか？私はこれにWordPressを使用しています。

私が期待しているのは、アラートボックスが表示されることですが、エラーは発生しません。

score 1 · Accepted Answer

これを試して...

jQuery('document').ready(function($){

  alert($('.thickbox'));


});

うまくいくかもしれない

score 0 · Accepted Answer

それが機能することを確認するために、私はおそらく次のことをするでしょう：

コードが.readyイベントで囲まれていることを確認してください。

<script type="text/javascript">
    $('document').ready(function() {
        alert($('.thickbox'));
    });
</script>

また、jquery.jsがこのファイルの前に正しくロードされていることを確認します。このファイルの真上に配置すると修正されますが、残りが壊れてしまう場合は、何か問題があります。Webサイトの読み込みが遅くならないように、コンテンツの下部にコードを配置することをお勧めします。
WordPressを使用していることがわかったので、スクリプトを正しくロードするために本当に行う必要があるもう1つのことは、wp_register_scriptを使用し、wp_enqueue_scriptも正しく使用することです。そうしないと、WordPressが正しく機能しません（ばかげています）、知っている）。

2 に答える 2