Javascript Bootstrap Popover+;角度:当用蹄子敲打爆米花盒时,保持爆米花打开

Javascript Bootstrap Popover+;角度:当用蹄子敲打爆米花盒时,保持爆米花打开,javascript,angularjs,twitter-bootstrap,bootstrap-popover,Javascript,Angularjs,Twitter Bootstrap,Bootstrap Popover,我有一个问题,让我疯狂了好几天。我需要在按下按钮时显示带有链接的popover。鼠标敲击按钮或弹出框时,弹出框必须打开 我需要的是我在Plunker上找到的这个示例的角度版本: //代码在这里 $(“.pop”).popover({trigger:“manual”,html:true,animation:false}) .on(“mouseenter”,函数(){ var_this=这个; $(此).popover(“显示”); $(“.popover”).on(“mouseleave”,函数

我有一个问题,让我疯狂了好几天。我需要在按下按钮时显示带有链接的popover。鼠标敲击按钮或弹出框时,弹出框必须打开

我需要的是我在Plunker上找到的这个示例的角度版本:

//代码在这里
$(“.pop”).popover({trigger:“manual”,html:true,animation:false})
.on(“mouseenter”,函数(){
var_this=这个;
$(此).popover(“显示”);
$(“.popover”).on(“mouseleave”,函数(){
$(_this.popover('hide');
});
}).on(“mouseleave”,函数(){
var_this=这个;
setTimeout(函数(){
如果(!$(“.popover:hover”).length){
$(_this).popover(“隐藏”);
}
}, 300);
});
/*样式在这里*/
.盒子{
显示:块;
宽度:200px;
高度:100px;
背景色:#DDD;
}
#流行音乐{
填充:0px 0px;
}
#范例{
位置:相对位置;
}

另一个伟大的“吻”引导Popover的例子!

KISS=保持简单S

目标:

  • 为popover按钮打开悬停时的popover事件
  • 将鼠标悬停在popover框上时,请保持popover打开
  • 关闭鼠标上的弹出按钮弹出按钮或弹出框
在我上空盘旋

在我的上空盘旋。。。再一次!

好吧,再来一次!

希望这能帮助你。。。有一阵子让我发疯了


Angular UI有UI引导,它在Angular中提供了许多常用的JQuery和引导插件


有UI引导Popover,您可以配置为响应mouseenter和mouseleave事件。

Angular UI有UI引导,它在Angular中提供了许多常用的JQuery和引导插件


有UI引导Popover,您可以配置为响应mouseenter和mouseleave事件。

您是否尝试过使用UI引导或AngularStrap进行响应。@Paresh Gami:我尝试过,但我对Angular是新手,不知道如何连接到popover box鼠标事件。@Head Rush:他们没有提供任何额外的选项来控制Hoover上的popover box。你试过用AngularStrap吗?使用UIBootstrap或AngularStrap。@Paresh Gami:我试过,但我是Angular新手,不知道如何连接到popover box鼠标事件。@Head Rush:他们没有提供任何额外的选项来控制hooverUI上的popover box Bootstrap popover,popover没有为popover box提供任何鼠标事件。只能配置目标元素事件。UI引导Popover不会为Popover框提供任何鼠标事件。只能配置目标元素事件。