Question

我有一个像按钮一样的图像。我希望点击后禁用此按钮。

<img alt="Edit" class='btnEdit' src="images/edit.png"/>

单击时调用edit（）函数。

$(".btnEdit").bind("click", Edit);

我希望点击后禁用此按钮。我尝试了以下禁用它的方法。这适用于IE，但不适用于Mozilla。

function Edit(){
    $(this).prop('disabled', true);
}

注意：该图片代码将使用prepended

动态获取$.prepend()

Answer 1

您可以尝试使用输入type="image"，因为disabled标记中没有<img>属性。而不是img作为按钮，你可以使用如下。

<input type="image" alt="Edit" class='btnEdit' src="images/edit.png" />

Answer 2

禁用按钮而非图像，无论您使用的是锚还是别的什么

$("#YourButton").bind("click", Edit);

Answer 3

已禁用不是图像的属性。你需要像这样做..

function Edit(){
     if($(this).attr('class').indexOf('disabled') == -1)
          $(this).addClass('disabled');    // similarly use $(this).removeClass('disabled'); once finished editing
}

禁用字段在IE中有效但在Firefox中无效

3 个答案: