javascript - WordPress テーマで使用されているスクリプト (sticky.js) が機能しない

Question

wordpressサイトでsticky.jsを使用しようとしています。次に、関数ファイルを介して正常に追加し、必要に応じてフッターに表示されます。私の問題は、実行する sticky.js に付属するコードのスニペットを取得することです。

<script>
  $(document).ready(function(){
    $("#sticker").sticky({topSpacing:0});
  });
</script>

このコードを header.php のヘッダーセクションの下部に配置しましたが、機能しなかったため、run-sticky.js という別の js ファイルを追加してインクルードし、これを関数に追加して、スクリプトをフッターに正常に追加しました。

#sticker を #nav-wrapper に置き換えました。これは、ユーザーが作成者のサイトのボタンのようにそのポイントまでスクロールしたときに、ページの上部に固定したい div であるためです。

私が取り組んでいるサイトはこちらです。

score 4 · Accepted Answer

コンソールに「$ は関数ではありません」と表示されます。jQuery が非競合モードで実行されているようです。これを試して：

jQuery(document).ready(function(){
  jQuery("#nav-inner-wrapper").sticky({ topSpacing: 0 });
});

1 に答える 1