Javascript 为什么我的引导弹出框没有打开?

Javascript 为什么我的引导弹出框没有打开?,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我遇到无法打开的引导弹出框问题。它不是页面中唯一的popover,其他的也可以正常工作,所以缺少库也没有问题 使用Firefox和IE11 解决后编辑:解决方案与下面的答案相同,因为数据内容为空。虽然当前版本(3)的文档没有以任何方式提及此行为,但Bootstrap 4 alpha Doc说:零长度标题和内容值永远不会显示弹出框。这显然也适用于当前版本 请在下面找到我的HTML和Javascript代码。 简而言之,我正在做的是:初始化Popover并在打开时使用div中的内容填充Popover

我遇到无法打开的引导弹出框问题。它不是页面中唯一的popover,其他的也可以正常工作,所以缺少库也没有问题

使用Firefox和IE11

解决后编辑:解决方案与下面的答案相同,因为
数据内容
为空。虽然当前版本(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()
})