Question

<button type="button" class="btn" data-placement="bottom" rel="tooltip" title="Info" data-toggle="modal" data-target="#myModal"></button>

在1个按钮中获得模态和工具提示。关闭模态后，将显示工具提示。我不希望这样。我正试图用这段代码实现：

$('[rel="tooltip"]').tooltip('manual');
     if (!$('#myModal').is(':visible')) {
         $('[rel="tooltip"]').tooltip('hide');
     }

这段代码有什么问题？

Answer 1

实际上这不是达到你想要的最好的方法，你可以用另一种方式来做这个检查fiddle

将btn包裹在一个会触发模态

的范围内

<span data-toggle="modal" data-target="#myModal">
    <button type="button" class="btn btn-primary" data-placement="bottom" title="Info" data-toggle="tooltip">Launch demo modal</button>
</span>

Answer 2

在模式弹出后触发工具提示以保持焦点，此代码应该适合您。

$(document).ready(function(){
    $('[rel="tooltip"]').tooltip({trigger: "hover"});
});

Answer 3

也许这可以帮助您？

<!-- PROMOTE BUTTON JS-->
$('[id="promote"],[id="demote"]').click(function(){
    $('#smallmodal').modal('show');
});
<!-- END PROMOTE BUTTON JS-->

当您点击带有id="promote"或id="demote"的按钮时，它将触发带有id="smallmodal"的模式并显示工具提示。

<button class="item"  data-placement="top" data-toggle="tooltip" data-target="#smallmodal-promote" title="Demote Image" name="demote" id="demote" value="">
  <i class="zmdi zmdi-download"></i>
</button>

按钮中的工具提示+模态 - 引导程序

3 个答案: