Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击并悬停Bootstrap 3弹出窗口_Javascript_Jquery_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 单击并悬停Bootstrap 3弹出窗口

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

我使用jqueryjavascript和css使一个popover作为一个链接触发器来显示来自div的popover,但我真正需要的是它在悬停和单击时显示

如果我点击链接,我当前的代码正在运行,但我需要它,使其悬停

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\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?我猜这也有一个简单的答案,但我在某个地方遗漏了。。提前谢谢!请选择下面的答案作为最终答案。请选择下面的答案作为最终答案。