disabled 属性在 firefox 中不起作用 - 对于 div答案

【问题标题】：disabled attribute does not work in firefox - for a divdisabled 属性在 firefox 中不起作用 - 对于 div
【发布时间】：2011-08-29 19:01:46
【问题描述】：

嗨，亲爱的朋友们：
以下代码在 ie9 中完美运行，但在 firefox 3.6 中无法运行

$('#ctl00_ContentPlaceHolder1_RadUploadImage').attr('disabled', 'disabled');

ctl00_ContentPlaceHolder1_RadUploadImage -> 是一个 div 元素

意思是当我们用 firebug 检查这个 div 时，会显示 disabled="disabled"
但我在那个 div 里面有一个 RadUpload 仍在工作！

html代码如下：

<div disabled="true" id="ctl00_ContentPlaceHolder1_RadUploadImage" class="RadUpload RadUpload_BlackByMe RadUpload_rtl RadUpload_BlackByMe_rtl" style="width: 325px;">
            <input autocomplete="off" id="ctl00_ContentPlaceHolder1_RadUploadImage_ClientState" name="ctl00_ContentPlaceHolder1_RadUploadImage_ClientState" type="hidden">
        <ul class="ruInputs" id="ctl00_ContentPlaceHolder1_RadUploadImageListContainer"><li><span class="ruFileWrap ruStyled"><input style="position: absolute; left: 0px; top: -5000px;" class="ruFileInput" size="23" dir="ltr" id="ctl00_ContentPlaceHolder1_RadUploadImagefile0" name="ctl00_ContentPlaceHolder1_RadUploadImagefile0" type="file"><input size="22" class="ruFakeInput" type="text"><input class="ruButton ruBrowse" value="select" type="button"></span><input name="ClearInput" class="ruButton ruClear" value="erase" id="ctl00_ContentPlaceHolder1_RadUploadImageclear0" type="button"></li></ul></div>

有什么想法吗？

提前致谢

【问题讨论】：

禁用的 div 应该是什么样的？
你试过“true”而不是“disabled”吗？
你好！ $('#ctl00_ContentPlaceHolder1_RadUploadImage').attr('disabled', true); -> 也不行

标签： jquery html

【解决方案1】：

这也在这里讨论： http://forum.jquery.com/topic/disable-image-button

【讨论】：

【解决方案2】：

如果您使用的是 jQuery

$('#ctl00_ContentPlaceHolder1_RadUploadImage').attr("disabled", 'disabled');

如果您使用的是 jQuery 1.6+：

$('#ctl00_ContentPlaceHolder1_RadUploadImage').prop("disabled", true);

请参阅此问题：.prop() vs .attr() 了解原因。

这里给出了相同的答案：jQuery .attr("disabled", "disabled") not working in Chrome

【讨论】：

亲爱的@Neal 谢谢 - 我学到了一些新东西/但是我在那个 div 里面的 radupload 仍然有效 - 我用 prop 测试我的代码！好困惑1
radupload inside that div 是什么意思？你的 html 是什么样的？您可以将其添加到您的问题中吗？
我的 Radupload 源包含一个 ul -> disabled="disabled" 关于它也不起作用......而且 li 在那个 ul 里面！
@LostLord，哈哈，你不能 disable 一个 div，只能禁用像 input, select, textarea, etc 这样的输入元素
@LostLord 不知道，我从未听说过禁用的 div

【解决方案3】：

您不必为此使用 JQ，只需使用纯 JS 即可：

document.getElementById('x').disabled = true;

或者如果你想取消禁用它：

document.getElementById('x').disabled = false;

【讨论】：