メニュー
MENU
こんにちは、
ゲスト
さん
トップ
会員サイト
新着質問
新着回答
人気の質問
解決済
受付中
未回答
質問・返信の一覧
お気に入り
ニックネーム変更
E-mailアドレス変更
パスワード変更
ECマスターズ ツール
ログイン
TOP
ページ遷移後のjsの処理
文字サイズ
変更
小
中
大
解決済
ページ遷移後の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
、
WEBデザイン
、
gold
、
楽天
、
ページ遷移
、
スライダー
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
セミナー詳細はこちら
返信者:非公開
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()を削除しましたら問題なく動くようになりました!
ありがとうございます!………(省略)………
続きを読む
質問を検索する
すべて
初心者・はじめて
共通の送料込みライン
Amazon.co.jp
Yahoo!ショッピング
楽天市場
au PAY マーケット
ポンパレモール
Qoo10
本店サイト
会員専用ツール
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
LINE活用
ツール改善コミュニティ
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他
返信も検索対象にする
カテゴリーから探す
初心者・はじめて
共通の送料込みライン
Amazon.co.jp
Yahoo!ショッピング
楽天市場
au PAY マーケット
ポンパレモール
Qoo10
本店サイト
会員専用ツール
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
LINE活用
ツール改善コミュニティ
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他