Javascript 单击并悬停Bootstrap 3弹出窗口
我使用jqueryjavascript和css使一个popover作为一个链接触发器来显示来自div的popover,但我真正需要的是它在悬停和单击时显示 如果我点击链接,我当前的代码正在运行,但我需要它,使其悬停 JS:Javascript 单击并悬停Bootstrap 3弹出窗口,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,我使用jqueryjavascript和css使一个popover作为一个链接触发器来显示来自div的popover,但我真正需要的是它在悬停和单击时显示 如果我点击链接,我当前的代码正在运行,但我需要它,使其悬停 JS: $('[data-toggle="tooltip"]').tooltip({}); $('[data-toggle="click"]').popover();$(function(){ $('[rel=popover]').popover({ html : true, con
$('[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\u content\u包装器所在的页脚将非常大。因此,必须调用内部文件来显示内容
如果使用click方法,请从添加的URL中删除
我通常将其包含在元素中: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>
我通常将其包含在元素中: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>
非常感谢你。非常简单的答案。工作很有魅力:你有机会回答我提出的其他问题吗?从内部URL调用popover?我猜这也有一个简单的答案,但我在某个地方遗漏了。。提前谢谢!非常感谢你。非常简单的答案。工作很有魅力:你有机会回答我提出的其他问题吗?从内部URL调用popover?我猜这也有一个简单的答案,但我在某个地方遗漏了。。提前谢谢!请选择下面的答案作为最终答案。请选择下面的答案作为最终答案。