onclick =，onrun =“jQuery Code”？

Question

是这样的吗？

<div id="box1" onload="$("#box1").addClass("fadeIn");"></div>

加载文档时，脚本似乎不会运行。我知道事先声明一个函数然后在加载时使用它就像下面这样。你能写javascript / jQuery而不是像我上面尝试过的那样的函数吗？

<div id="box1" onload="myFunction();"></div>

Answer 1

尝试添加到文档准备就绪：

$(document).ready(function () {
    $("#box1").addClass("fadeIn");
});

可能有其他方法可以做到这一点，但从我发现这可能是最可靠的。

Answer 2

使用.ready()方法（docs）或使用.on()方法（docs）动态执行此操作。一旦DOM准备就绪，ready方法将执行代码。 onload将在加载所有资源时执行（例如图像）。

$('#box1').ready( function() {
  ...
} );

//--or--

$( document ).ready( function() {
  $('#box1').on( 'load', function() {
    ...
  }
}

Answer 3

它可能也可能不起作用。当您的浏览器每onload运行时，jQuery可能尚未初始化。最好直接在<script>中使用jQuery。

Answer 4

DIV个元素没有onload个事件。但是知道何时加载元素很容易，因为浏览器同步加载DOM。

只需将脚本放在结束标记之后，就完成了：

<div id="box1"></div>
<script>$("#box1").addClass("fadeIn");</script>