ECマスターズフォーラム

解決済

ページ遷移のやり方について

相談者：非公開
2019/12/18 13:49

いつもお世話になっております。

楽天goldで特集を制作する際、ページ遷移のロードを高速化し、
アニメーションを入れたくて、こちらの記事を参考に↓
https://liginc.co.jp/358224
Pjaxを使ってみたのですが、ページ遷移は高速化されたのですが、
アニメーションが反映されず、遷移先のページは読み込み途中のままになってしまいます。
設置のやり方が悪いのか、コードが読み込まれていないのでしょうか？
ご教示の程お願いいたします。

テストURL(右側のバナーをクリックすると遷移されます)
http://tokeiten.co.jp/Test/monitor-test/test.html

キーワード：CSS、WEBデザイン、gold、楽天、ページ遷移、読み込まれない

投稿内容について報告する

このフォーラムへの質問は終了しました

このテーマに関連する質問をする

別のテーマで新規に質問する

カテゴリ：楽天市場
返信：11
Me too度：0

今気になってる疑問、
セミナーに参加すれば解決するかも！？

日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！

セミナー詳細はこちら

広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！

総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！

ご視聴はこちら

返信者：非公開
2019/12/18 15:50

ECマスターズの田中です。

Chromeのデベロッパーツールを見ると、
pjax.jsの１行目で「Barbaは定義されていません」という
エラーが発………（省略）………

返信者：非公開（質問者）
2019/12/18 16:11

位置を移動させてみましたが、特に変わりなく、
なぜかアニメーションがPC上でF12でスマホ表示からPC表示に
戻したときに動いていました……。………（省略）………

返信者：非公開
2019/12/18 16:29

ECマスターズの田中です。

Chromeのデベロッパーツールを見ると、
同じくpjax.jsの５行目で「querySelectorメソッドはありません………（省略）………

返信者：非公開（質問者）
2019/12/18 18:25

sidebarを読み込もうとしているエラーは直せたのですが、
script.jsで起こっているエラーは直そうとコードをいじってしまうと、
レスポンシブに切り………（省略）………

返信者：非公開
2019/12/18 20:54

ECマスターズの田中です。

> script.jsで起こっているエラーは直そうとコードをいじってしまうと、
> レスポンシブに切り替わったとき、メニュー………（省略）………

返信者：非公開（質問者）
2019/12/19 11:34

申し訳ございません。
知識不足で、メニューを動かしているコードも巻き込んで
消してしまっていたのが原因でした。

エラーを改善してアップロードしましたが………（省略）………

返信者：非公開
2019/12/19 16:02

ECマスターズの伊藤です。

頂いておりますご質問についてですが、
担当より、明日以降に回答させていただきます。

恐れ入りますが、ご回答まで今しばら………（省略）………

返信者：非公開（質問者）
2019/12/20 13:55

いつもお世話になっております。
前回の回答でエラーを改善しても動かないと返信をしましたが、
CSSが読み込まれない問題は解決いたしました！
ただアニメーシ………（省略）………

返信者：非公開
2019/12/20 21:39

ECマスターズの田中です。

test.htmlを拝見すると、
確かにCSSの問題は解決しているようで何よりです。
念のため、補足いたします。

B………（省略）………

返信者：非公開（質問者）
2019/12/23 18:15

ご回答ありがとうございます。
丁寧にご説明していただいたおかげで、なんとか
エラー修正やBarba.jsの理解が深まりました。

アニメーションが動かな………（省略）………

返信者：非公開（質問者）
2019/12/23 19:08

アニメーションが動かなかったのは、URLが相対パスじゃなったからでした！
ありがとうございます！………（省略）………

このフォーラムへの質問は終了しました

このテーマに関連する質問をする

別のテーマで新規に質問する

ページ遷移のやり方について

カテゴリーから探す