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

Posted 2023-05-08

【中文标题】弹出框在第一次悬停在图标上时不起作用

【英文标题】：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

【参考方案1】：

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

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