Firefox 8 禁用=禁用

Question

我刚刚完成了一个 Web 应用程序的开发，但我遇到了一个关于 Firefox 8 中的禁用属性的非常烦人的问题。

看起来好像 disabled=disabled 无效，因此我的超链接不会呈现为禁用状态。

我正在以下 html 代码上尝试： 我尝试了许多不同的 jQuery 命令，只是为了确保它不是我尝试禁用超链接的特定方法。

<a id="continue_link" href="/">Link</a>

<script type="text/javascript">
    //$('#continue_link').attr("disabled", "true");
    //$('#continue_link').attr("disabled", true);
    $('#continue_link').prop("disabled", true);
    $('#continue_link').prop("disabled", "true");
</script>

Answer 1

disabled 不是（也从来不是）a 元素的属性。为了防止链接默认行为，jQuery 中最简单的方法是使用 return false 或更具体地说 e.preventDefault()。

试试这个：

$("#continue_link").click(function(e) {
    if (myCondition == "something") {
        // stop the link
        e.preventDefault();
        alert("I'm sorry. I can't let you do that, Dave.");
    }
});

Answer 2

您想要将其作为属性添加到标记中：

onclick="return false;"

或者在 jQuery 中：

$(function(){
    $('#continue_link').click(function(){
        return false;
    });
});

disabled 不是在锚标记上有效的属性。

Answer 3

下面的css样式将解决firefox中的问题

a[disabled] {
color: gray !important;
cursor: default !important;
text-decoration: none;
}