我无法在引导工具提示中单击 html 锚标记中的链接

Question

我正在使用 bootstrap 工具提示，我在工具提示中配置了一个链接，但是当我单击该链接时，它没有重定向到该页面，在尝试超过 10 次后，它正在重定向到该特定页面。

但是在悬停时它总是向我显示链接，但是单击它有时会起作用，有时却不起作用。

代码：

<span class="btn-sm pull-right"  data-toggle="tooltip">
   <button type="button" class="btn btn-primary" data-toggle="tooltip" data- 
             html="true" title="Print feature is enabled for subscription users.
      <a href='https://www.google.com'>Sign up Today</a>"> 
       Print Result Summary
   </button>
 </span>

Answer 1

运行下面的代码。

$('[data-toggle="tooltip"]').tooltip({'delay':{'hide': 2000}});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  
<span class="btn-sm pull-right"  data-toggle="tooltip">
   <button type="button" data-html="true"  class="btn btn-primary" data-toggle="tooltip"
     title="Print feature is enabled for subscription users.
  <a href='https://www.google.com'>Sign up Today</a>"> 
       Print Result Summary
   </button>
 </span>

Answer 2

我找到了一个解决方案并在我的项目中尝试了它

• 默认情况下所有事件都在容器上重置
• 事件从没有冒泡的一层触发
• 工具提示是“即时”创建的，因此您的 jQuery 引用了不存在的对象。
• 混合 SVG / HTML 元素不允许您使用 CSS pointer-events 适当地。

解决方法：

• 应用指针事件：“自动”或运行内联点击事件操作。

参考：https://github.com/highcharts/highcharts/issues/9986