- 文字サイズ変更
- 小
- 中
- 大
解決済
ページ遷移のやり方について
- 相談者：非公開
- 2019/12/18 13:49
いつもお世話になっております。
楽天goldで特集を制作する際、ページ遷移のロードを高速化し、
アニメーションを入れたくて、こちらの記事を参考に↓
https://liginc.co.jp/358224
Pjaxを使ってみたのですが、ページ遷移は高速化されたのですが、
アニメーションが反映されず、遷移先のページは読み込み途中のままになってしまいます。
設置のやり方が悪いのか、コードが読み込まれていないのでしょうか？
ご教示の程お願いいたします。
テストURL(右側のバナーをクリックすると遷移されます)
http://tokeiten.co.jp/Test/monitor-test/test.html
楽天goldで特集を制作する際、ページ遷移のロードを高速化し、
アニメーションを入れたくて、こちらの記事を参考に↓
https://liginc.co.jp/358224
Pjaxを使ってみたのですが、ページ遷移は高速化されたのですが、
アニメーションが反映されず、遷移先のページは読み込み途中のままになってしまいます。
設置のやり方が悪いのか、コードが読み込まれていないのでしょうか？
ご教示の程お願いいたします。
テストURL(右側のバナーをクリックすると遷移されます)
http://tokeiten.co.jp/Test/monitor-test/test.html
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/12/18 15:50
ECマスターズの田中です。
Chromeのデベロッパー ツールを見ると、
pjax.jsの１行目で「Barbaは定義されていません」という
エラーが発………（省略）………
Chromeのデベロッパー ツールを見ると、
pjax.jsの１行目で「Barbaは定義されていません」という
エラーが発………（省略）………
- 返信者：非公開（質問者）
- 2019/12/18 16:11
位置を移動させてみましたが、特に変わりなく、
なぜかアニメーションがPC上でF12でスマホ表示からPC表示に
戻したときに動いていました……。………（省略）………
なぜかアニメーションがPC上でF12でスマホ表示からPC表示に
戻したときに動いていました……。………（省略）………
- 返信者：非公開
- 2019/12/18 16:29
ECマスターズの田中です。
Chromeのデベロッパー ツールを見ると、
同じくpjax.jsの５行目で「querySelectorメソッドはありません………（省略）………
Chromeのデベロッパー ツールを見ると、
同じくpjax.jsの５行目で「querySelectorメソッドはありません………（省略）………
- 返信者：非公開（質問者）
- 2019/12/18 18:25
sidebarを読み込もうとしているエラーは直せたのですが、
script.jsで起こっているエラーは直そうとコードをいじってしまうと、
レスポンシブに切り………（省略）………
script.jsで起こっているエラーは直そうとコードをいじってしまうと、
レスポンシブに切り………（省略）………
- 返信者：非公開
- 2019/12/18 20:54
ECマスターズの田中です。
> script.jsで起こっているエラーは直そうとコードをいじってしまうと、
> レスポンシブに切り替わったとき、メニュー………（省略）………
> script.jsで起こっているエラーは直そうとコードをいじってしまうと、
> レスポンシブに切り替わったとき、メニュー………（省略）………
- 返信者：非公開（質問者）
- 2019/12/19 11:34
申し訳ございません。
知識不足で、メニューを動かしているコードも巻き込んで
消してしまっていたのが原因でした。
エラーを改善してアップロードしましたが………（省略）………
知識不足で、メニューを動かしているコードも巻き込んで
消してしまっていたのが原因でした。
エラーを改善してアップロードしましたが………（省略）………
- 返信者：非公開
- 2019/12/19 16:02
ECマスターズの伊藤です。
頂いておりますご質問についてですが、
担当より、明日以降に回答させていただきます。
恐れ入りますが、ご回答まで今しばら………（省略）………
頂いておりますご質問についてですが、
担当より、明日以降に回答させていただきます。
恐れ入りますが、ご回答まで今しばら………（省略）………
- 返信者：非公開（質問者）
- 2019/12/20 13:55
いつもお世話になっております。
前回の回答でエラーを改善しても動かないと返信をしましたが、
CSSが読み込まれない問題は解決いたしました！
ただアニメーシ………（省略）………
前回の回答でエラーを改善しても動かないと返信をしましたが、
CSSが読み込まれない問題は解決いたしました！
ただアニメーシ………（省略）………
- 返信者：非公開
- 2019/12/20 21:39
ECマスターズの田中です。
test.htmlを拝見すると、
確かにCSSの問題は解決しているようで何よりです。
念のため、補足いたします。
B………（省略）………
test.htmlを拝見すると、
確かにCSSの問題は解決しているようで何よりです。
念のため、補足いたします。
B………（省略）………
- 返信者：非公開（質問者）
- 2019/12/23 18:15
ご回答ありがとうございます。
丁寧にご説明していただいたおかげで、なんとか
エラー修正やBarba.jsの理解が深まりました。
アニメーションが動かな………（省略）………
丁寧にご説明していただいたおかげで、なんとか
エラー修正やBarba.jsの理解が深まりました。
アニメーションが動かな………（省略）………
- 返信者：非公開（質問者）
- 2019/12/23 19:08
アニメーションが動かなかったのは、URLが相対パスじゃなったからでした！
ありがとうございます！………（省略）………
ありがとうございます！………（省略）………
このフォーラムへの質問は終了しました
質問を検索する