3

BootstrapのPopoverウィジェットの使用を検討してきましたが、見た目が気に入っているのは、ポップオーバーの本体のコンテンツ内にハイパーリンクまたはボタンを配置できることです。実際にはそこに配置しますが、問題はユーザーがそれらをクリックできるようにすることです。

より具体的には、問題は-とにかくデフォルトのオプションで-リンクを離れてポップオーバーに向かって移動するとすぐに消えることです。遅延{非表示}設定をダイヤルする以外に、これに対処する方法はありますか？私の頭の中の「正しい」解決策は、タイトな「非表示設定」（別名、遅延：{hide：100}）を維持することですが、ポップオーバーを超えている間はカーソルを動かしてタイマーを開始しないようにします。

ここで簡単なトリックを見逃していることを願っています。どんな助けでも大歓迎です。

4

3 に答える 3

7

以下のコードは、マウスがオーバーしたときにポップオーバーを表示し、マウスが離れたときにポップオーバーを表示し続けます。

$("span[rel=popover]").popover({ trigger: 'manual' }).hover(function(e){ 
$(this).popover('show');
e.preventDefault(); 
});

それを閉じるには、

 $("span[rel=popover]").popover('hide');

HTH

于 2012-05-10T07:50:05.500 に答える
6

おそらくゲームに少し遅れていますが、「クリックオーバー」と呼ばれるこのポップオーバーのバリエーションに出くわしました。このソリューションはニーズをカバーし、他にもいくつかの便利な方法があります。

http://www.leecarmichael.com/bootstrapx-clickover/examples.html

于 2012-08-11T19:58:49.523 に答える
1

私はこれが非常に古いリンクであることを知っていますが、他の人の参照のために私は他のスタックオーバーフローのリンクを追加して いますポップオーバーがホバーされている間、ブートストラップポップオーバーを存続させるにはどうすればよいですか？

于 2015-07-14T15:10:11.803 に答える