【问题标题】:Issue in bootstrap tooltip when bootstrap modal is a on-click event当引导模式是单击事件时,引导工具提示中的问题
【发布时间】:2016-09-06 10:55:21
【问题描述】:

I have a icon tooptip, ng-click event on the icon opens a bootstrap Modal

当我关闭模式时,工具提示卡在屏幕上,如图链接所示。当我第二次将鼠标悬停在图标上并将鼠标移出时,工具提示将变得不可见。

我在关闭模式后尝试了很多删除工具提示,是否有人遇到过同样的问题。 ?

【问题讨论】:

  • 你能显示一些代码吗...你的调用模式如何
  • <button type="button" class="btn btn-default tooltip-target" ng-click="closeAddUserForm()" data-toggle="modal" data-target="#AddUserModal" title="Activate Users"><i class="icon-ico_male_lg"></i></button>
  • $('.tooltip-target').tooltip(); 这是本页 .controller 中的代码。
  • 试试这个 $('.tooltip-target').tooltip({ trigger: 'hover' });
  • 我试图关闭此事件中的工具提示$('#AddUserModal, #groupCreationModal, #createUserModal').on('hidden.bs.modal', function (e) { $('.tooltip-target').tooltip('dispose'); }); 但仍然面临同样的问题

标签: angularjs twitter-bootstrap modal-dialog tooltip


【解决方案1】:
 $('.tooltip-target').tooltip();

使用此工具提示再次获得焦点并

您通过以下方式限制了 只有在再次悬停后才会显示的焦点

$('.tooltip-target').tooltip({ trigger: 'hover' });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-20
    • 1970-01-01
    • 2012-03-19
    • 2016-05-06
    • 1970-01-01
    • 1970-01-01
    • 2019-03-17
    • 1970-01-01
    相关资源
    最近更新 更多