单击并悬停Bootstrap 3 Popover

Question

我正在使用jquery javascript和css来使弹出窗口作为链接触发器工作，以显示来自div的弹出窗口，但我真正需要的是它显示在HOVER以及单击时。

如果单击链接，但我需要的当前代码可以正常工作，因此它将悬停。

JS：

$('[data-toggle="tooltip"]').tooltip({});
$('[data-toggle="click"]').popover();$(function(){ $('[rel=popover]').popover({ html : true, content: function() { return $('.popover_content_wrapper').html(); } }); });

和HTML：

<li class="menu-call"><a href="#" rel="popover" data-placement="bottom" title="Call Sales"><i class="icon-phone"></i><b>Call Sales</b></a>

如果我单击链接，它的效果很好，但是它并不理想，我希望它执行以下操作：

1. 弹出时悬停（我打算将其用作一种工具提示），但也要单击（请移动用户使用）

2. 从内部URL调用内容，以免污染html代码。 如果我在其中添加所有内容，则当前div wrapper：popover_content_wrapper所在的页脚将非常大。 因此必须调用内部文件以显示内容。

3. 从网址中删除＃（如果我使用click方法，则将其添加）

Answer 1

我通常将此包含在元素中： data-trigger="hover click"

因此，在您的示例中：

<a href="#" rel="popover" data-trigger="hover click" data-placement="bottom" title="Call Sales"><i class="icon-phone"></i><b>Call Sales</b></a>