弹出框在第一次悬停在图标上时不起作用答案

【问题标题】：Popover doesn't work at first time hover on icon弹出框在第一次悬停在图标上时不起作用
【发布时间】：2020-10-16 21:13:17
【问题描述】：

以下是用于在悬停时加载弹出窗口的代码，它不会在第一次悬停时加载。它在第二次悬停时工作正常

<i id="weaCarrierIcon" class="fas fa-info-circle fa-lg infoIcon weaCarrier-infoicon" ng-click="weaCarrierPopover()" ng-mouseover="weaCarrierPopover()" data-toggle="popover" data-content="{{model.weaCarrierPopover}}"></i>
                        

$scope.weaCarrierPopover = function () {
            $('#weaCarrierIcon').popover({ placement: 'bottom', trigger: 'hover', html: true, delay: { show: 50, hide: 400 } });
        };

【问题讨论】：

这能回答你的问题吗？ Show one popover and hide other popovers

标签： javascript jquery angularjs twitter-bootstrap popover

【解决方案1】：

$scope.weaCarrierPopover = function () { $('#weaCarrierIcon').popover({placement: 'bottom', trigger: 'hover', html: true, delay: { show: 50, hide: 400 } }).popover('show'); };

添加 .popover('show') 解决了这个问题。

【讨论】：