• 文字サイズ
解決済

ページ遷移後の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
投稿内容について報告する


  • 返信者:非公開
  • 2019/12/24 14:26
ECマスターズの田中です。

test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、

Uncaught Refer………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/26 10:42
ご回答ありがとうございます。
再度確認してみましたら、遷移後のスライダーが動いておりました。
ただ遷移するときのアニメーションが動かなくなっており、
遷移………(省略)………
  • 返信者:非公開
  • 2019/12/26 11:23
ECマスターズの田中です。

test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、

Uncaught Error………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/26 11:43
$(function(){

});
でjsを囲みましたら遷移時のアニメーションが起動いたしました!
ありがとうございます!
ただ、やはり遷移時のア………(省略)………
  • 返信者:非公開
  • 2019/12/26 13:55
ECマスターズの田中です。

おっしゃる通り、Barba.Dispatcherを利用する仕組みに
ご変更いただく必要がございます。

xc-monit………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/26 15:56
Barba.Dispatcher.on("newPageReady", function(){
に変更しましたらスライダーの方は動きました。
ありがとうござ………(省略)………
  • 返信者:非公開
  • 2019/12/26 21:25
ECマスターズの田中です。

はい、ページの中で読み込まれている
あらゆるJavaScriptに、
ページ読み込み時に動作する記述が行われておりますので………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/27 17:19
ありがとうございます。
また、時間が経つと遷移時のアニメーションが動かなくなっており、
見てみますと前回と同じくBarba.Pjax.start();が読み………(省略)………
  • 返信者:非公開
  • 2019/12/29 10:26
ECマスターズの伊藤です。

いただいたご質問ですが担当より1/6以降に
ご回答させていただきます。

恐れ入りますが、ご回答まで今しばらくお待ちくだ………(省略)………
  • 返信者:非公開
  • 2020/01/06 17:30
ECマスターズの田中です。

test.htmlをChromeで開いて
デベロッパー ツールのConsoleを開くと、

Uncaught TypeE………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/07 09:27
.resize()を削除しましたら問題なく動くようになりました!
ありがとうございます!………(省略)………