20

可能重复：
jQuery 鼠标悬停在禁用的链接上，如何更改光标使其无法点击？

我有一个按钮，我试图在某些情况下禁用它的功能是不必要或不可能的。它是页面上的众多按钮之一，我只想禁用此特定按钮。

我正在寻找的效果是让它变灰，不可点击，并且当鼠标悬停在按钮上时鼠标指针不会变为手形指针。

我已经成功实现了前两个目标，但不确定如何实现第三个目标。当我搜索时，我看到了全局禁用此行为的建议，但没有看到特定按钮的建议。

这是我到目前为止所拥有的。

if(buttonIsDisabled)
{
    var btnid ="#button"+index;
    $(btnid).attr("disabled","disabled").fadeTo(500,0.2);
}

这成功地使按钮无法点击并淡出，但在 Firefox 和 Chrome 中，它在悬停时仍然显示手形图标。IE8（我也必须支持）正确禁用手并显示光标。

有关如何在 Chrome 和 Firefox 中强制执行 IE 行为的任何建议？

4

3 回答 3

30

您可以将“光标”规则设置为“默认”值。在 jQuery 中，您可以使用css方法。

$(btnid).css("cursor", "default");

由于您已经在使用 $(btnid)，因此您可以链接调用，如下所示：

$(btnid).attr("disabled","disabled").css("cursor", "default").fadeTo(500,0.2);
于 2012-10-23T14:44:50.953 回答
5

您还可以为cursor: default按钮设置样式。

于 2012-10-23T14:44:38.753 回答
5

你可以像这样设置css：

$(btnid)
  .attr("disabled","disabled")
  .css('cursor','default')
  .fadeTo(500,0.2);
于 2012-10-23T14:44:54.697 回答