Question

我刚刚开发了一个网络应用程序，但我对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;
}

Firefox 8已禁用=已禁用

3 个答案: