Question

我正在使用jquery javascript和css使popover作为链接触发器显示来自div的弹出窗口但是我真正需要的是它在HOVER上显示并且还在点击上。

如果我单击链接，我当前的代码正在工作但是我需要它以便它在悬停时。

THE 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>

如果点击链接但它的工作效果很好，但它不理想，我希望它能做到这些：

在悬停时弹出（因为我打算将其用作一种工具提示），但也用于点击（以取悦移动用户）
从内部URL调用内容，以免污染html代码。如果我在那里添加了所有内容，那么当前div包装器：popover_content_wrapper所在的页脚将非常大。因此，必须调用内部文件来显示内容。
从网址中删除＃（如果我使用点击方法，则会添加＃）

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>

单击并悬停时Bootstrap 3 Popover

1 个答案: