• 文字サイズ
  • 小
  • 中
  • 大


解決済

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

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

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

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

ご教示していただきたいです。
キーワード：CSS、WEBデザイン、gold、楽天、アンカーリンク、反映、遅れる
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
ご視聴はこちら

  • 返信者：非公開
  • 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マスターズの田中です。

残念ながら、原因特定には至っていないのですが、
安定したページ作りを行うにあたり、
２点修正いただきたい点がございます。 ………（省略）………
  • 返信者：非公開（質問者）
  • 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
タグ設置を変更しましたらエラーの方がなくなりました。
長い時間質問に答えてくださりありがとうございます！………（省略）………
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す