0

それをクリックすると、データを含む「ポップアップウィンドウ」（ブーストラップモーダルを使用）が表示されるボタンがあります。twitter boostrapツールチップを使用しましたが、すべて正常に動作します。ツールチップをポップオーバーに置き換えることにしたとき、奇妙な問題が発生します。まず、リンクにカーソルを合わせるとポップオーバーが表示されますが、リンクをクリックしたときにのみ表示されます。二次ポップオーバーはメインウィンドウに表示され、私が試したものが消えることはありません。私は彼が私の最後のツールチップのようにブーストラップモーダルに表示されることを望んでいます。

これは私のリンクです：

<a href="#" class="blob" data-html="true" data-triger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

js：

$('.blob').popover();

どうすれば修正できますか？どうしたの？

4

2 に答える 2

1

トリガーのスペルが間違っている場合は、次のようにする必要があります。

<a href="#" class="blob" data-html="true" data-trigger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

これを修正すると、jsfiddleで正常に動作します。

于 2013-03-03T20:26:10.793 に答える
0

data-trigger属性が機能しない理由はわかりませんが、JS初期化パラメーターを使用してオプションを渡すと、意図したとおりに動作します。

$('.blob').popover({trigger: "hover"});

ここにjsfiddle：

http://jsfiddle.net/dcasadevall/S8sXQ/1/

于 2013-03-03T19:39:41.980 に答える