0

ユーザーがicon-ban-circleクラスの要素にカーソルを合わせると、リンク付きの Bootstrap ポップオーバーが表示されるようにするこの実装があります。

## some_file.html.haml

%i.icon-ban-circle{:rel => 'popover', "data-content" => "<a href="http://www.google.com">Click here</a>".html_safe}

## some_file.js

var showError;

showError = $(".icon-ban-circle").popover({
  html: true,
  trigger: 'hover'
});

しかし、ユーザーがカーソルをポップオーバーに移動すると、カーソルは消えます。icon-ban-circleポップオーバーをクラスに含めて、ユーザーがポップオーバーのリンクをクリックしようとしたときに開いたままにするにはどうすればよいですか?

4

1 に答える 1

0

使用するdelay

ポップオーバーの表示と非表示の遅延 (ミリ秒) - 手動トリガー タイプには適用されません

数値が指定されている場合、表示/非表示の両方に遅延が適用されます

オブジェクト構造は: delay: { show: 500, hide: 100 }

http://getbootstrap.com/javascript/#popoversから

于 2013-11-11T09:30:08.603 に答える