- このトピックには5件の返信、2人の参加者があり、最後に
により5年、 1ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】最新版
【お使いのブラウザ】chrome
【当該サイトのURL】https://kimsweddingmovie.com/===
外部Jsの読み込み方ですが、以下の方法で間違いないでしょうか？
// ふんわりアニメーション add_action( 'wp_enqueue_scripts', function() { wp_enqueue_script( 'effect-fade', '/wp-content/themes/snow-monkey/assets/js/common.js', [], false ); } );よろしくお願いします。
Who liked: No user読み込み方はあっていますが、
common.jsファイルの配置場所が不適切です。僕がカスタマイズのコードを My Snow Monkey プラグインや追加 CSS に書くことを推奨しているのは、テーマに直接ファイルを配置したりコードを書くと、テーマをアップデートしたときにそれらのファイルやカスタマイズがすべてなくなってしまうからです。アップデートのときは、一度テーマ内のファイルがすべてネット上にある最新のファイルに置き換えられるためです（プラグインや WordPress コアの場合も同様）。
そのため、上記の
common.jsファイルは My Snow Monkey の中に配置して呼びだすのが良いです。Who liked: No userブラウザのコンソールを確認してみてください。
Uncaught TypeError: $ is not a functionというエラーがでています。おそらく
$(function() { 〜 } );のようなコードを書かれているのではないかと想像しますが、WordPress の jQuery はいきなり
$を参照することができなくなっています（おそらくコンフリクトを防ぐため）。もしそうであれば、jQuery(function( $ ) { 〜 } );のように変更すると動くはずです。
Who liked: No userwindow.onload = function() { scroll_effect(); jQuery(window).scroll(function(){ scroll_effect(); }); function scroll_effect(){ jQuery('.effect-fade').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight){ jQuery(this).addClass('effect-scroll'); } }); } };jQueryにかえたところが、もともと$だったところなのですが、動きません。
でもいい加減、snow-monkeyのことじゃないので、あれですよね
いろいろやってみますありがとうございました。
Who liked: No userそうですね、Snow Monkey のサポートではなくなっているのであれですが…
$が残っているので全部jQueryに変えると動かないですかね？僕が上で
jQuery(function( $ ) { 〜 } );と書いたのは、ググればすぐでてきますが、
$をグローバルスコープに影響しない形で使う方法になります。ちょっとご提示のコードの場合だとwindow.onload = function() {}で囲ってあるのでややこしいかもですが、WordPress で jQuery を使う場合は僕の提示した上のコードで全体を囲って、その中で$を使うのが標準的な手法だと思います。Snow Monkey のサポートの範疇ではないので詳しくはググってもらえればと思います。Who liked: No user
- トピック「外部JSの読み込み方」には新しい返信をつけることはできません。