1. ホーム
  2. javascript

[解決済み] Twitter BootstrapのTooltipで複雑なHTMLを使用することはできますか?

2022-03-01 15:20:04

質問

を確認すると 公式ドキュメント というプロパティを見ることができます。

Name    |    Type       |    default  |    Description
----------------------------------------------------------------------------
html    |    boolean    |    false    |    Insert html into the tooltip. 
                                           If false, jquery's text method 
                                           will be used to insert content 
                                           into the dom. Use text if you're 
                                           worried about XSS attacks.

ツールチップにhtmlを挿入する」とありますが、タイプはbooleanです。Tooltipの中で複雑なhtmlを使うにはどうしたらいいでしょうか?

どのように解決するのですか?

このパラメータは、ツールチップに複雑なhtmlを使用するかどうかだけのものです。このパラメータを true にhtmlを打ち込み、そのhtmlを title 属性で指定します。

このフィドルをご覧ください こちら - を通してhtml属性をtrueに設定しています。 data-html="true" の中で <a> タグで、例のようにアドホックにhtmlを追加しただけです。