は、ブートストラップ

Question

に私はブートストラップをいじり、シンプルなナビゲーションメニューを持つページを作成しました。私はすでにtooltipを持っているリンクの一つにモーダルを追加したかったのです。

そして私は、驚くべきことに

data-toggle="modal" data-target="#SettingsModal" data-toggle="tooltip" 

、このようliにその作業をモーダルを追加しました。あまり意味がありません。少なくとも1つのdata-toggleは無視する必要があるためです。

私はtooltipを持っている要素内にそれをラップする方が良いことを知っています。私の質問は、これはどういう仕組みですか？

Answer 1

さまざまなコンポーネントを「活性化」するためにブートストラップdata attributes利用別々のjQueryのセレクタので働いています。

$('[data-toggle="modal"]')と$('[data-toggle="tooltip"]')は両方ともブートストラップJSコードで参照されているため、モーダルコンポーネントとツールチップコンポーネントの両方が動作しています。