1. ホーム
  2. button

[解決済み] 複数の "data-toggle "を持つBootstrapコントロール

2022-04-22 13:44:10

質問

ブートストラップコントロールに、"data-toggle"で複数のイベントを割り当てる方法はありますか。 例えば、ボタンに "tooltip" と "button" トグルを割り当てたい場合、次のようにします。 になります。

data-toggle="tooltip button"を試してみましたが、tooltipだけが動作しました。

EDIT

これは、以下の方法で簡単に回避することができます。

$("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success");

解決方法は?

を追加したい場合 モーダルとツールチップ javascriptを追加したり、tooltipの機能を変更したりすることなく、単純に要素を囲むことも可能です。

<span data-toggle="modal" data-target="modal">
    <a data-toggle="tooltip" data-placement="top" title="Tooltip">
      Hover Me           
    </a>
</span>