[解決済み] 複数の "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>
関連
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] ブートストラップ・モーダルにデータを渡す
-
[解決済み】Twitter Bootstrapのdata-toggle属性について
-
[解決済み] 複数の "data-toggle "を持つBootstrapコントロール
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン