Twitter bootstrap 引导-第二次单击时Popover不会激活
我正在使用Bootstrap(与jQuery一起)来显示一个popover。我的标记是:Twitter bootstrap 引导-第二次单击时Popover不会激活,twitter-bootstrap,popover,Twitter Bootstrap,Popover,我正在使用Bootstrap(与jQuery一起)来显示一个popover。我的标记是: 在我的JavaScript中,我有: 函数onclickShowToolTip(){ $('[data toggle=popover]')。on('show.bs.popover',function(){ $('.popover').css('bottom','100%”) }); $(“#工具提示”).popover( {html:true, 标题:“”, 跳跳虎:“点击”, 内容:“会议是安全的。”
在我的JavaScript中,我有:
函数onclickShowToolTip(){
$('[data toggle=popover]')。on('show.bs.popover',function(){
$('.popover').css('bottom','100%”)
});
$(“#工具提示”).popover(
{html:true,
标题:“”,
跳跳虎:“点击”,
内容:“会议是安全的。”});
$(“#TooltipDiv”).popover('show');
}
工具提示在我第一次单击时显示。然后在该区域外单击,工具提示消失(如预期)。但我再次单击图标,工具提示不会显示
为什么?
我缺少什么设置/功能
感谢您提供的任何想法/帮助。
Lori首先,您参考了
onclickShowTooltip()
,但您的函数名为onclickShowTooltip
。此外,选项“跳跳虎”应该是触发器
。在我看来,popover仅显示一次的原因是手动激活功能中的最后一次
我不太清楚你为什么要这样做。popover的好处在于,您可以通过HTML属性或popover({})
初始化来自动化整个过程。您可以完全跳过onclickShowToolTip
和onclick
事件,只需
$("#TooltipDiv").popover({
html: true,
title: '',
trigger: 'click',
content: 'The meeting is secure.'
});
演示->我猜您的函数被引导内置函数控制悬停时的工具提示搞砸了。你能在bootply上重现这一点吗?你可以通过在下面提到的小提琴中取消对原始代码的注释来重现这种行为。你是对的——一位同事发现“跳跳虎”拼写错误。函数名是另一个拼写错误。为了避免违反公司规定,我不得不在发帖前更改姓名,并且没有正确地重命名帖子中的内容。“显示”的原因是:a)我需要根据您在此处看不到的其他标志设置文本;b)我发现一个问题,工具提示无法显示,除非我执行手动弹出(“显示”)。我已经被引导到其他东西上,所以我需要返回并再次检查第二次单击功能。谢谢你的回答。