• 文字サイズ


解決済

pjaxを使用したときのアンカーリンクについて

  • 相談者:非公開
  • 2020/01/09 11:27
いつもお世話になっております。

何度もpjaxについて質問していて大変恐縮ではあるのですが、
遷移先ページのアンカーリンクがうまくいかず、前回解決していただいた
絞り込みとスクロールに関しても、スクロールが指定通りのところに動きません。
https://www.willstyle.co.jp/blog/1722/
↑こちらの記事を参考に試してみたのですが、jsの入れ方が良くなかったようで、
エラーが起こって遷移時のアニメーションすら動かなくなってしまいました。

jsを元に戻してアップロードはしているのですが、キャッシュをクリアしても
戻っておらずエラーが起こったまま……
楽天goldはCSSとJSは反映に遅れがあるのでしょうか…?

ご教示していただきたいです。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2020/01/09 17:30
ECマスターズの田中です。

仕様が公開されていないため、あくまでも体感ですが、
楽天GOLDには、アップロードされたファイルを
サーバ側でキャッシュす………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/14 10:33
ご回答ありがとうございます!
絞り込み動作がうまく反映されなかったのは反映の遅れが原因でした。

また、縦メニューのtopに外部リンクを張っているのですが………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/14 10:35
外部リンクが動作しないURL
https//www.rakuten.ne.jp/gold/SHOP-URL/feature/monitor-citizen/t………(省略)………
  • 返信者:非公開
  • 2020/01/14 11:18
ECマスターズの田中です。

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

Uncaught Refer………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/14 13:34
一度エラーをない状態に戻しまして、動作を確認したところ
やはりメニューの外部リンクのみ飛ばないようになっていました。
メニューだけ特別なないかを入れた覚えは………(省略)………
  • 返信者:非公開
  • 2020/01/14 18:51
ECマスターズの田中です。

test.htmlの構造を確認しましたところ、
https//www.rakuten.ne.jp/gold/SHOP-URL………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/16 17:36
jsの方を確認し、特に影響のないコードでしたので、削除しましたら
外部リンクへ飛ぶようになりました。

また、https//www.rakuten.ne.………(省略)………
  • 返信者:非公開
  • 2020/01/16 18:52
ECマスターズの伊藤です。

> CSSのみで動くアニメーションで実装したかったのですが、難しいでしょうか。

参考サイトを拝見したところ

要素が………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/20 09:41
ご回答の方ありがとうございます!
jsでアニメーションを追加します!

また、楽天goldで作成したWEBページをYahoo!用にも作成したのですが、
………(省略)………
  • 返信者:非公開
  • 2020/01/20 15:28
ECマスターズの田中です。

いただいたページを確認したところ、
確かにほぼ同等のソースが掲載されているようです。
原因を詳しく調査の上、改めてご返信い………(省略)………
  • 返信者:非公開
  • 2020/01/20 22:03
ECマスターズの田中です。

残念ながら、原因特定には至っていないのですが、
安定したページ作りを行うにあたり、
2点修正いただきたい点がございます。 ………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/21 13:14
ありがとうございます。
ご指摘いただいた箇所を修正しまして、Yahoo!の方を再度確認しましたが
高速遷移がされておらず、また、人物ごとに絞り込むsortも………(省略)………
  • 返信者:非公開
  • 2020/01/21 16:04
ECマスターズの田中です。

楽天GOLD然り、Yahoo!トリプル然り、
HTMLの中に独自のソースを仕込む仕様となっており、
Yahoo!トリプル用………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/22 14:55
ありがとうございます。
別のテストページでも見てみたところ、
Barba.Dispatcher.on("newPageReady", function(){………(省略)………
  • 返信者:非公開
  • 2020/01/22 21:30
ECマスターズの田中です。

> 別のテストページでも見てみたところ、
> Barba.Dispatcher.on("newPageReady", fun………(省略)………
  • 返信者:非公開(質問者)
  • 2020/01/23 15:21
タグ設置を変更しましたらエラーの方がなくなりました。
長い時間質問に答えてくださりありがとうございます!………(省略)………