jquery Bootstrap 4工具提示隐藏不适用于按钮单击

yvfmudvl 于 12个月前发布在 jQuery

关注(0)|答案(2)|浏览(132)

我有工具提示，这是工作正常，但我想禁用它，一旦用户点击按钮（删除工具提示），但tooltip('hide')不工作。
我也想再次添加工具提示，如果用户点击添加工具提示按钮。
我的代码：

$('[data-toggle="tooltip"]').tooltip();

        $('.remove-tooltip').click(function(){
          $('.left-menu a').tooltip('hide');
   });

        $('.add-tooltip').click(function(){
          $('.left-menu a').tooltip('show');
   });

个字符
我该怎么解决这个问题？

jquery

来源：https://stackoverflow.com/questions/65662867/bootstrap-4-tooltip-hide-is-not-working-on-button-click

2条答案

按热度按时间

laawzig21#

老

$('.left-menu a').tooltip('hide');

字符串

换

$('[data-toggle="tooltip"]').tooltip('disable');

型

$('[data-toggle="tooltip"]').tooltip();

        $('.remove-tooltip').click(function(){
          $('[data-toggle="tooltip"]').tooltip('disable');
   });

        $('.add-tooltip').click(function(){
          $('[data-toggle="tooltip"]').tooltip('enable');
   });

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<div class="p-4 left-menu">
<a href="#" class="btn btn-primary"  data-toggle="tooltip" data-placement="right" title="Tooltip Title">
Tooltip Title</a>
<br><br>
<a href="#" class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Tooltip Title">
Tooltip Title</a>

<br><br>
<button class="add-tooltip">Add Tooltip</button>
<button class="remove-tooltip">Remove Tooltip</button>
</div>

的字符串

赞(0）回复(0）举报 12个月前

vtwuwzda2#

更新：

将jquery中的left-menu替换为p-4

$(".remove-tooltip").click(function () {
  $('.p-4 a').tooltip('disable')
});

$(".add-tooltip").click(function () {
  $(".p-4 a").tooltip("show");
});

字符串
Codepen：https://codepen.io/manaskhandelwal1/pen/QWKVMGN

赞(0）回复(0）举报 12个月前

我来回答

jquery Bootstrap 4工具提示隐藏不适用于按钮单击

2条答案

更新：

相关问题

热门标签

最新问答