現在Java,javascript(jQuery),tymeleafを使ってLINEのバナーを実装しようとしています。
質問があるのですが、
結論から言うと、
ページ上でなく、モーダルダイアログ上に「LINEで送る」バナーを設置すると初期表示時にdivタグがiframeタグに変わり、バナーが正常に表示されなくなるのはどういった原因が考えられるでしょうか?
リンク先(https://media.line.me/en/how_to_install#lineitbutton)を参考に以下のタグを設置しました。
javascript
1<div class="line-it-button" data-lang="en" data-type="share-d" data-url="https://media.line.me/en/how_to_install#lineitbutton" style="display: none;"></div> 2 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
これをページ上に設置すると正常に表示され、バナーとして機能します。
しかしモーダルダイアログ上に設置すると、正常に表示されないのです。
正常に表示されないとは、divタグがiframeタグに変わり、座標位置がtop:0,left:0となり、おかしな位置に隠れており、見えません。
モーダル上でこのような現象が起きるので、
このモーダルのライブラリであるjsファイルが初期表示時に何か行なっているとは思うのですが、該当箇所が大きかったり、ライブラリの管理がままならなくて調べづらかったりで、どこを直せばいいか、何が影響しているのかわからずにいます。
もしこのような現象を体験したことがある、知っている、どのような対応をしたら直るなどといったアドバイスを頂ける方がいれば是非教えて頂けると助かります。よろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー