###前提・実現したいこと
javascriptとjQueryを勉強中の初級者です。
所定の条件下においてのみ追加のオプション入力を受け付けるGUIを作りたいと思っており、
それを
https://urin.github.io/jquery.balloon.js/
からダウンロードしたjquery.ballon.jsで実現しようとしました。
解説によれば(そしていくつかのwebページでのdemoを見る限りでは)吹き出しの中で自由にhtmlタグが使えるはずです。そこで簡単なテストページを作ってみたのですが、htmlタグをタグとして認識してくれません。
以下のテストコードでは、吹き出しの中で
tes
t
のような表示が出てくると期待しました。
ところが、実際には
<p>tes<br />t</p>
のようになってしまいます。
何かを見落としているようですが、どうしても解決できません。
どのような追加・修正を施せばよいかご教示いただければ幸甚です。
###該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-2.2.0.js"></script> <script type="text/javascript" src="js/jquery.balloon.js"></script> </head> <body> <div><span id="balloontest">baloon test</span></div> <script type="text/javascript"> $(function(){ $('#balloontest').balloon({ position: 'bottom', contents: '<p>tes<br />t</p>' }); }); </script> </body>
###試したこと
jqueryのバージョンをいくつか変えて試してみましたが(1.9.1, 2.2.0, 2.1.1)状況は変わりませんでした。
###補足情報(言語/FW/ツール等のバージョンなど)
ダウンロードしてきたスクリプトは@version: 1.1.2 - 2017/04/30とあり、現時点での最新版です。
開発ツールとしてはGoogle Chrome バージョン 58.0.3029.110 (64-bit)でデバッグしています。上記の現象はfirefoxでも同様でした。
回答1件
あなたの回答
tips
プレビュー