jquery - Firefox 8 禁用=禁用

Question

我刚刚完成了一个网络应用程序的开发，但是我有一个关于 Firefox 8 中的 disabled 属性的非常烦人的问题。

看起来好像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;
}