Bootstrap工具提示禁用按钮Firefox / Chrome

Question

我尝试在禁用按钮上添加工具提示

有时它适用于Firefox，有时使用Chrome

http://jsfiddle.net/danq3r8n/11/

<!-- Work only with Chrome !-->
<button disabled>
    <div data-toggle="tooltip" data-placement="left" title="test">
        Disable
    </div>
</button>

<!-- Work only with Firefox !-->
<button data-toggle="tooltip" data-placement="left" title="test" disabled>
    Disable
</button>

但是我没有成功使用工具提示制作一个禁用按钮，可以在Firefox和Chrome上工作。

bootstrap工具提示有什么问题？

Answer 1

看起来这是一个know issue，其中包含浏览器的工作原理，在v4的文档中，他们说你应该包装按钮，引用网站：

  

必须在包装器元素上触发.disabled或disabled元素的工具提示。

v4 source

进一步挖掘后，在v3文档中也说明了这一点

  

禁用元素上的工具提示需要包装元素

     

要向禁用或.disabled元素添加工具提示，请将元素放在a中，然后将工具提示应用到该元素。

v3 source