javascript - 加载时禁用 div 不起作用，为什么？

Question

我想在加载时禁用 div，然后在单击按钮时启用它。或者换句话说，我想在加载时隐藏它，并在用户单击时加载它。

首先，在禁用模式下加载 div 然后启用它是正确的策略吗？还是应该在加载后将其附加到正文？

第二，这是我的代码，我检查了很多类似的问题，我的浏览器是chrome，但它无法正常工作，我不知道为什么你可以帮助我解决这个问题？

<div class="test_dis" style="left:170px; top:128px;" >
  this is a test to see if 
  i can disable it on load or not
   <div>child </div>
</div>

$(document).load(function(e) { // shall it be on Load or Ready ?
     //.attr("disabled","disabled"); both are not working !
     $('.test_dis').attr('disabled',true);
});

谢谢，

Answer 1

它不起作用，因为您无法禁用 div元素。这仅适用于表单元素。

HTML spec :

"The following elements support the disabled attribute: BUTTON, INPUT, OPTGROUP, OPTION, SELECT, and TEXTAREA."

对于可以禁用的元素，您应该设置 HTML 属性，以便该元素在创建时就已禁用，而不是在创建后禁用它。示例:

 <input type="text" name="Info" disabled="disabled" />

ready事件发生早于load事件，因此您无法直接在 HTML 元素中进行的任何调整，您应该在 ready 中进行事件。 ready事件在文档加载时发生，而 load当页面上的所有内容(图像等)也已加载时，事件就会发生。