jQuery不会在禁用按钮上触发悬停事件吗？

Question

我正在实现一个表单,我想要禁用一个button并显示一个工具提示,解释为什么它在悬停时被禁用.但是,当button禁用a时,工具提示不会显示.

我在这里添加了一个测试用例,只用jQuery重现:http://jsfiddle.net/BYeFJ/1/

似乎jQuery没有触发事件,或者浏览器没有触发悬停事件？

我正在使用Twitter Bootstrap的工具提示模块,当然还有jQuery.

注意:我也试过这个按钮周围的包装 - 但它似乎吞下了悬停状态,我也尝试使用一个input元素,达到同样的效果.

Answer 1

您可以在按钮上放置透明覆盖图并将工具提示放在该按钮上.

http://jsfiddle.net/yL2wN/

<div id="wrapper">
    <div id="overlay"></div>                
    <button disabled>BUTTON</button>
</div>

#wrapper{
    position: relative;   
}
#overlay{
    position: absolute;        
    top: 0;
    left: 0;

    opacity: .1;
    height: 20px;
    width: 70px;
}?

在小提琴中,我将颜色设置为蓝色,这样您就可以看到正在发生的事情.可以根据需要调整叠加的宽度和高度,或者以js为动态.