84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
我想实现下面的效果: 1. trigger = hover , 当鼠标 hover 在元素上时触发 popover 2. 当鼠标不再 hover 在元素上且不在 popover 弹出的新层上时弹层关闭
现在的情况: 1. 可以实现 hover 时出现弹窗 2. 鼠标移出元素则关闭,即使鼠标移入到弹窗层中。
走同样的路,发现不同的人生
我在 github 上面新建了一个 issue , 开发者很快就回复了(github链接)。 据他们的解释,这种实现方案被他们舍弃了。因为在移动设备的触屏上面没有 hover 这个事件,所以官方推荐使用 click 事件触发 popover。在桌面版本的浏览器中,可以通过设置 delay 参数让 popover 自动关闭。
popover 可以这么用:
$().popover(options)
options,你传 "show" ,它就显示出来,传 "hide" 就会隐藏,这样的话,LZ 可以手动控制在何时显示,何时隐藏啊。
因为 popover 的触发元素和 popover 最终的弹出层之间有间隔,无法保证从触发元素移出后能移动到弹出层上,所以个人感觉这个效果无法实现。
你可以把 hover元素和pop元素放在同一个p下面,然后对p 进行 hover操作
可以使用参数trigger = focus,并使用自定义hover事件来触发,例如:
$('#button').popover({ template: '<p></p>', placement: 'bottom', trigger: 'focus', html: 'true', content: '<ul class="multi">'+ '<li><a href="/1">1</a></li>'+ '<li><a href="/2">2</a></li>'+ '</ul>' }); $('#button').hover(function(){ $(this).focus(); },function(){ // do nothings });
请参考:https://segmentfault.com/n/1330000004885...
我在 github 上面新建了一个 issue , 开发者很快就回复了(github链接)。
据他们的解释,这种实现方案被他们舍弃了。因为在移动设备的触屏上面没有 hover 这个事件,所以官方推荐使用 click 事件触发 popover。在桌面版本的浏览器中,可以通过设置 delay 参数让 popover 自动关闭。
popover 可以这么用:
options,你传 "show" ,它就显示出来,传 "hide" 就会隐藏,这样的话,LZ 可以手动控制在何时显示,何时隐藏啊。
因为 popover 的触发元素和 popover 最终的弹出层之间有间隔,无法保证从触发元素移出后能移动到弹出层上,所以个人感觉这个效果无法实现。
你可以把 hover元素和pop元素放在同一个p下面,然后对p 进行 hover操作
可以使用参数trigger = focus,并使用自定义hover事件来触发,例如:
请参考:https://segmentfault.com/n/1330000004885...