- 文字サイズ変更
- 小
- 中
- 大
解決済
ページ遷移後のjsの処理
- 相談者：非公開
- 2019/12/24 11:23
いつもお世話になっております。
前回の質問で、CSSとアニメーションが動かない原因について解決して
いただいたのですが、遷移後のスライダー等のjsが動かない件について
教えていただいたBarba.Dispatcherを参考に処理を行ってみたのですが、
headのtitleなどは切り替わっているみたいなのですが、jsは動いていないようです…。
headを切り替えるBarba.Dispatcherとは違うコードが必要なのでしょうか？
scriptはまた別の処理方法があるのでしょうか？
何度も同じような質問ばかりで恐縮ではございますが、ご教示の程よろしくお願いいたします。
https//www.rakuten.ne.jp/gold/SHOP-URL/feature/monitor-citizen/test.html
前回の質問で、CSSとアニメーションが動かない原因について解決して
いただいたのですが、遷移後のスライダー等のjsが動かない件について
教えていただいたBarba.Dispatcherを参考に処理を行ってみたのですが、
headのtitleなどは切り替わっているみたいなのですが、jsは動いていないようです…。
headを切り替えるBarba.Dispatcherとは違うコードが必要なのでしょうか？
scriptはまた別の処理方法があるのでしょうか？
何度も同じような質問ばかりで恐縮ではございますが、ご教示の程よろしくお願いいたします。
https//www.rakuten.ne.jp/gold/SHOP-URL/feature/monitor-citizen/test.html
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/12/24 14:26
ECマスターズの田中です。
test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、
Uncaught Refer………（省略）………
test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、
Uncaught Refer………（省略）………
- 返信者：非公開（質問者）
- 2019/12/26 10:42
ご回答ありがとうございます。
再度確認してみましたら、遷移後のスライダーが動いておりました。
ただ遷移するときのアニメーションが動かなくなっており、
遷移………（省略）………
再度確認してみましたら、遷移後のスライダーが動いておりました。
ただ遷移するときのアニメーションが動かなくなっており、
遷移………（省略）………
- 返信者：非公開
- 2019/12/26 11:23
ECマスターズの田中です。
test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、
Uncaught Error………（省略）………
test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、
Uncaught Error………（省略）………
- 返信者：非公開（質問者）
- 2019/12/26 11:43
$(function(){
と
});
でjsを囲みましたら遷移時のアニメーションが起動いたしました！
ありがとうございます！
ただ、やはり遷移時のア………（省略）………
と
});
でjsを囲みましたら遷移時のアニメーションが起動いたしました！
ありがとうございます！
ただ、やはり遷移時のア………（省略）………
- 返信者：非公開
- 2019/12/26 13:55
ECマスターズの田中です。
おっしゃる通り、Barba.Dispatcherを利用する仕組みに
ご変更いただく必要がございます。
xc-monit………（省略）………
おっしゃる通り、Barba.Dispatcherを利用する仕組みに
ご変更いただく必要がございます。
xc-monit………（省略）………
- 返信者：非公開（質問者）
- 2019/12/26 15:56
Barba.Dispatcher.on("newPageReady", function(){
に変更しましたらスライダーの方は動きました。
ありがとうござ………（省略）………
に変更しましたらスライダーの方は動きました。
ありがとうござ………（省略）………
- 返信者：非公開
- 2019/12/26 21:25
ECマスターズの田中です。
はい、ページの中で読み込まれている
あらゆるJavaScriptに、
ページ読み込み時に動作する記述が行われておりますので………（省略）………
はい、ページの中で読み込まれている
あらゆるJavaScriptに、
ページ読み込み時に動作する記述が行われておりますので………（省略）………
- 返信者：非公開（質問者）
- 2019/12/27 17:19
ありがとうございます。
また、時間が経つと遷移時のアニメーションが動かなくなっており、
見てみますと前回と同じくBarba.Pjax.start();が読み………（省略）………
また、時間が経つと遷移時のアニメーションが動かなくなっており、
見てみますと前回と同じくBarba.Pjax.start();が読み………（省略）………
- 返信者：非公開
- 2019/12/29 10:26
ECマスターズの伊藤です。
いただいたご質問ですが担当より1/6以降に
ご回答させていただきます。
恐れ入りますが、ご回答まで今しばらくお待ちくだ………（省略）………
いただいたご質問ですが担当より1/6以降に
ご回答させていただきます。
恐れ入りますが、ご回答まで今しばらくお待ちくだ………（省略）………
- 返信者：非公開
- 2020/01/06 17:30
ECマスターズの田中です。
test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、
Uncaught TypeE………（省略）………
test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、
Uncaught TypeE………（省略）………
- 返信者：非公開（質問者）
- 2020/01/07 09:27
.resize()を削除しましたら問題なく動くようになりました！
ありがとうございます！………（省略）………
ありがとうございます！………（省略）………
このフォーラムへの質問は終了しました
質問を検索する