如果按钮被禁用,我需要在单击或鼠标悬停按钮后显示div

时间:2016-10-05 05:08:06

标签: jquery html5

这里我有一个按钮,在我点击或鼠标悬停在禁用按钮后暂时禁用我需要显示一个div amd我的代码是小提琴。

https://jsfiddle.net/L4aczs0b/ 12397

1 个答案:

答案 0 :(得分:1)

这是您的解决方案的工作小提琴。问题是,禁用的元素不会触发jQuery事件:https://jsfiddle.net/jonva/L4aczs0b/2/

所以你需要一个别名元素来取得DOM中的禁用元素:

    <div style="display:inline-block; position:relative;">
      <button id="button">submit</button>
      <div style="position:absolute; left:0; right:0; top:0; bottom:0;" id="alias"></div>
   </div>

然后在 元素悬停时触发.fadeIn函数

$('#alias').hover( function() {
    $("#d").fadeIn(500);
});
$('#alias').mouseout( function() {
    $("#d").fadeOut(500);
});