wordpress さくらサーバーでのjavascriptの適応

Question

質問失礼します。

今wordpressでhtml,css,javascriptを使ったHPを作っていてローカルではjavascriptが適応されていたのですが
サーバーに移した瞬間javascriptが適応されなくなりました。

サーバーに上がっているHPを確認したところ、特にエラーも見当たらず、パスもローカルで通っていたパスでした。
javascript自体の記述方法が間違っているわけではなさそうなのでなぜ適応されないのかな、とものすごく疑問に思っています。

サーバーはさくらサーバーを使っています。

ものすごく困っています、どなたかお願いします????????

Comments

[firegrape]

https://www.growst.jp/member_blog/2020/01/14/wordpress%E8%A8%98%E4%BA%8B%E5%86%85%E3%81%A7javascript%E3%82%92%E5%8B%95%E3%81%8B%E3%81%99%E6%96%B9%E6%B3%95/
この辺は関係ありそうですか？

[kiichidayo]

ご回答ありがとうございます。????????
今回はfunctions.phpを作って別のファイルのjsを読み込んでいるのでおそらく関係ないのでは、、と思っています。実際ローカル環境で、jsは動いているので…。

[firegrape]

なるほどです。
javascriptが動かないページのURL送ってもらえれば、
見ますよ。

[kiichidayo]

https://upwind.sakura.ne.jp/sample-test/
ここの

/**
* スクロールに応じたヘッダー固定切り替え
*/
function onscrollHeadFollow() {
var $header = jQuery('.js-fix-header');
var headerH = $header.outerHeight();
var overplus = jQuery(window).outerWidth() * 0.1;
jQuery(window).on('scroll', function() {
if (jQuery(window).scrollTop() > headerH + overplus) {
// 固定ヘッダー時
$header.css({ 'transition': 'transform .5s ease-out' });
$header.addClass('standby').addClass('fixed');
} else if (jQuery(window).scrollTop() > headerH) {
// 固定ヘッダー準備時
if ($header.hasClass('standby')) {
$header.css({ 'transition': 'transform .5s ease-out' });
} else {
$header.css({ 'transition': '' });
}
$header.addClass('standby').removeClass('fixed');
} else {
// 通常時
$header.css({ 'transition': '' });
$header.removeClass('standby fixed');
}
});
}
の部分です！
すみません、お願いします。

[kiichidayo]

検証押してもらって、
wp-content,themes,html/assets,js
の中にあるbundle.jsです

[firegrape]

これが、正常に動くとどうなるんですか？
ヘッダーが変わるんです？

[firegrape]

トリガーを教えてほしいです。

[firegrape]

ちなみに、この右辺のクラスなくないですか？
var $header = jQuery('.js-fix-header');

[kiichidayo]

最初はheaderの背景が透明でスクロールしたらheaderの背景が白くなります

[firegrape]

了解です。クラスの件、どうですか？

[kiichidayo]

localではjs-fix-headerがあるんですけど
本番環境ではありません泣。

どのようにすれば本番環境にもjs-fix-headerを付けれるようになるか
ご教授お願いたいです…。わがまま言ってすみません????????

[firegrape]

？？
ローカルと本番のソースに差分があるということですか？
差分がある理由があるんですか？

[kiichidayo]

そうですね。
特に何も触っていなく移行しただけなので
差分がある理由があるんですか？→なぜ差分されているのか理解できません

本番環境の場合
<header id="header" class="header standby fixed js-header">
localの場合
<header id="header" class="header js-fix-header js-header" style="">
という違いがあります

[firegrape]

まず、なぜ差分があるかから調査した方がいいかと思います。
当然ソースが違えば、localの通りに動きませんよ。
どうやってデプロイしたかを追えばいいかと思います。

[kiichidayo]

ご丁寧にありがとうございました。????????
早速取り掛かってみます！

[firegrape]

頑張ってください^^