W006 - alex1221/bootlint-customization GitHub Wiki

W006

除非启用元素,否则Tooltips 和 popovers 在禁用的元素上不能由用户交互触发. 为了让 tooltips 和 popovers 在禁用了元素后还可以启用, 可以把禁用的元素放在一个 <div> 容器中,然后将 tooltip 和 popover 应用在这个 <div> 容器上.

浏览器不会触发禁用元素上的鼠标事件, 因此(默认情况下)用户与禁用元素的交互不会触发其关联的 tooltips 或 popovers。 重新启用元素将允许再次触发鼠标事件。 通常, 这种行为是可以的, 因此这只是一个 warning 而不是一个 error..

但是,如果您需要在禁用的元素上放置可触发的 tooltip 或 popover, 则有一种解决方法是将禁用的元素封装到非禁用的元素中(通常用一个<div>),然后将 tooltip 或 popover 放在封装元素上。

Example:

<button disabled type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

使用变通方法的修订示例:

<div data-toggle="tooltip" data-placement="right" title="Tooltip on right">
  <button disabled type="button" class="btn btn-default">Tooltip on right</button>
</div>
⚠️ **GitHub.com Fallback** ⚠️