-
アンケート-チャット型※要javascriptの続きが表示されない件
トピックス by
160 pt
2023年10月10日 18:37
218
PV
-
相談したいWidgetの情報
-
widget名：アンケート-チャット型※要javascript
-
プレビューURL：https://sb-preview.squadbeyond.com/articles/uUjVFdSxF-eRfWVA/preview
-
-
相談内容
「生まれつきのセンスや～」画像の以降のチャットが表示されません。どうしたら表示されますでしょうか。
-
-
5 コメント
-
ご相談ありがとうございます！
確認させていただきます！
(回答は翌営業日以降になります)
-
よろしくお願いいたします！
-
-
お待たせいたしました！
こちらですが既存ウィジェットと比較したところ、1つのアイテム
<li class="l-chat__list__item"></div>に複数の非表示要素
<div class="l-slideIn">...</div>があるために表示されないようです。1つのアイテム内には、非表示要素は1つにしていただくことで、表示されるようになるかと思います。
具体的には下記ご確認くださいませ。
[ 現在のHTML構成 ]
<li class="l-chat__list__item"> <div class="l-chat__loading">...省略</div> <div class="l-slideIn">...省略</div> <div class="article">...省略</div> <div class="l-slideIn"> <div class="l-chat__qa">...省略</div> </div> <div class="l-slideIn"> <div class="l-chat__qa">...省略</div> </div> </li>[ 修正後のHTML構成 ]
1. 106行目の「<div class=”l-slideIn”>」と119行目の「 </div>」を削除
2. 120行目の「<div class=”l-slideIn”>」と139行目の「 </div>」を削除
<li class="l-chat__list__item"> <div class="l-chat__loading">...省略</div> <div class="l-slideIn">...省略</div> <div class="article">...省略</div> <div class="l-chat__qa">...省略</div> <div class="l-chat__qa">...省略</div> </li>
-
ありがとうございます！
できました！
-
よかったです👏
-
