Question

我一直在尝试使Bootstrap工具提示起作用。下面是我在Rails 5.2中的代码。

在版本1中，当禁用按钮时，工具提示不起作用。但是，如果将禁用按钮包裹在一个范围内，则工具提示会出现在悬停上，但是当光标移开时，它会间歇性地消失，但并不总是消失。大多数时候它没有。

请帮助，我整天都在工作。

这里是JS小提琴。

JS

res.render

版本1：

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

版本2：

    tag.button  id: "save-search-btn-disabled",
                class: "btn btn-outline-primary disabled",
                disabled: true,
                style: "display: none",
                'data-toggle':"tool-tip", 'data-placement': "top", 'title': "Your limit was reached" do
      "Save Search"
    end

Answer 1

编辑您还应该向内部（禁用）按钮添加pointer-events: none;样式。这使元素对于输入事件对其父对象透明。编辑

Documentation说：

当目标元素为display: none;时调用工具提示将导致工具提示放置不正确。

要将工具提示添加到disabled或.disabled元素中，请将元素放在<div>内，然后将工具提示应用于该<div>。

顺便说一句：您的问题陈述的风格为display: none，而小提琴的风格为display: inline

工具提示不出现或不消失

JS

版本1：

版本2：

1 个答案: