• 文字サイズ
解決済

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

  • 相談者:非公開
  • 2019/12/18 13:49
いつもお世話になっております。

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

テストURL(右側のバナーをクリックすると遷移されます)
http://tokeiten.co.jp/Test/monitor-test/test.html
投稿内容について報告する




  • 返信者:非公開
  • 2019/12/18 15:50
ECマスターズの田中です。

Chromeのデベロッパー ツールを見ると、
pjax.jsの1行目で「Barbaは定義されていません」という
エラーが発………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/18 16:11
位置を移動させてみましたが、特に変わりなく、
なぜかアニメーションがPC上でF12でスマホ表示からPC表示に
戻したときに動いていました……。………(省略)………
  • 返信者:非公開
  • 2019/12/18 16:29
ECマスターズの田中です。

Chromeのデベロッパー ツールを見ると、
同じくpjax.jsの5行目で「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が相対パスじゃなったからでした!
ありがとうございます!………(省略)………