Javascript 为什么我的引导弹出框没有打开?
我遇到无法打开的引导弹出框问题。它不是页面中唯一的popover,其他的也可以正常工作,所以缺少库也没有问题 使用Firefox和IE11 解决后编辑:解决方案与下面的答案相同,因为Javascript 为什么我的引导弹出框没有打开?,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我遇到无法打开的引导弹出框问题。它不是页面中唯一的popover,其他的也可以正常工作,所以缺少库也没有问题 使用Firefox和IE11 解决后编辑:解决方案与下面的答案相同,因为数据内容为空。虽然当前版本(3)的文档没有以任何方式提及此行为,但Bootstrap 4 alpha Doc说:零长度标题和内容值永远不会显示弹出框。这显然也适用于当前版本 请在下面找到我的HTML和Javascript代码。 简而言之,我正在做的是:初始化Popover并在打开时使用div中的内容填充Popover
数据内容
为空。虽然当前版本(3)的文档没有以任何方式提及此行为,但Bootstrap 4 alpha Doc说:零长度标题和内容值永远不会显示弹出框。
这显然也适用于当前版本
请在下面找到我的HTML和Javascript代码。简而言之,我正在做的是:初始化Popover并在打开时使用div中的内容填充Popover(divid作为数据属性传递) 当通过代码进行调试时,我可以看到popover被初始化,所有的事情都发生了,但是当单击链接时,什么也没有发生 不幸的是,没有出现错误。有人能把他们的眼睛借给我吗?我盯着它看了太久,看不出有错误 HTML:
<a data-toggle="popover" data-infotype="scheduledlines" data-divid="${posItemStatus.index}" data-placement="bottom" data-title="" data-trigger="click">
<span class="fa fa-info-circle" aria-hidden="true"></span>
<span class="sr-only">Show info</span>
</a>
Javascript—在打开popover时调用的函数:
var onLoadPopoverFunction = function(event){
var element = $(event.target);
var infoType = $(element).data('infotype');
[...]
if(infoType === "scheduledlines"){
var id = $(element).data('divid');
$(element).data('bs.popover').options.content = $('#ScheduledLines_'+id).html();
}
}
我已经试过了,在做了一些修改后,我使用了这个脚本
这将激活您的popover编辑:看起来问题出在锚上的
数据内容
属性上。它丢失了,并且是必需的。下面是一个使用该调整的工作示例:
onLoadPopoverFunction
是否可以在引用它的地方未定义?i、 e.尝试重新排序源并定义“更高级别”。不,这不是问题所在。不过还是谢谢你OnLoadPopover函数
在popover打开时被调用,但我甚至没有到达它打开的位置。单击应该打开popover的链接没有任何作用,并且控制台中也没有显示任何错误-看起来锚点上的数据内容
属性丢失,并且是必需的。下面是一个实际应用的例子:非常感谢您的努力,它很有效!如果你想编辑你的答案,我会接受的。
var onLoadPopoverFunction = function(event){
var element = $(event.target);
var infoType = $(element).data('infotype');
[...]
if(infoType === "scheduledlines"){
var id = $(element).data('divid');
$(element).data('bs.popover').options.content = $('#ScheduledLines_'+id).html();
}
}
$(function () {
$('[data-toggle="popover"]').popover()
})