jquery モーダルウィンドウの表示内容、データ保持位置について

Question

下記サイト
https://aucview.aucfan.com/yahoo/q281017367
を見て、同じような機能を作ろうと学習しているのですが、全く解らない部分があります。

ページ途中の「この商品説明の続きを見る」ボタンを押すと、
横から文章が出てくるのですが、ページ内のソースを見ても説明文のソースコードが見当たりません。

内部読み込みファイルなども一通り調べたりしたのですが、
https://aucview.aucfan.com/assets/js/common/aucview/aucview.js?1557729760
の前半がボタンクリック時のトリガーになっているのは掴めたと思います。

表示される説明文をどこから読み込んでいるのかお解りの方、いらっしゃればご教授いただければ助かります。

Answer 1

デベロッパーツールでもっと詳細を追ってみればわかるかもしれませんが、
おそらくAjax(非同期通信）でサーバーにアクセスしてデータとってきてJavaScriptでデータを配置させてるんじゃないかと。

Comments

[退会済みユーザー]

ありがとうございます。
chromeやfirefoxで追ってみたのですが、解りませんでした。
読み込みファイル内に呼び出しURLも見当たらずでした。
もう１点気になったのが、WEBサイトを保存し、オフラインで開いても、問題なく表示されます。もう少し調べてみます。

[m.ts10806]

なるほど。ただ「同じような機能を作りたい」からといって、まったくすべて同じように作る必要はないと思いますし、Webサイトの作りや構造に合わせて対応されると良いですね。
要件は「詳細を見る」で、「詳細が書かれたレイヤーが画面全体に出てくる」ですので。中身はどのように持っていても良さそうです。
内容量が多ければ非同期で持ってきたほうが画面表示時の負担を減らせそうですし、何個もないのでしたら画面表示時に非表示ブロックに持っておいても良いですし。

Answer 2

<section id="itemsDescArea"> の中にあるのは違いますか？

Comments

[退会済みユーザー]

場所はその部分になると思うのですが、表示される文章内容をどこから呼び出しているのかが、解りませんでした。

[mar-kn]

当方が勘違いしているのかもしれませんが、
画面を表示した瞬間には、<section id="itemsDescArea"> の中身は
説明文入りで生成されているようです。