gpt4 book ai didi

jquery - 如何使用 jQuery 的 load(fn) 方法使其真正起作用

转载 作者:行者123 更新时间:2023-12-01 07:36:25 24 4
gpt4 key购买 nike

JQuery 文档对 .load(fn) ( http://docs.jquery.com/Events/load#fn ) 有这样的说法:

Note: load will work only if you set it before the element has completely loaded, if you set it after that nothing will happen.

所以当我们应该绑定(bind) <div id="test"> 的加载事件时?据我了解,在这个 div 实际出现之前执行此操作是行不通的,因为 $('#test') 不会选择它,并且如上所述,在此之后执行此操作为时已晚。以下代码似乎支持这一点:

<html>
<head></head>
<body>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

$('#test').load(function(event) { event.target.css('color', 'blue'); alert('a');});

</script>

<div id="test">TEST</div>

<script type="text/javascript">
$('#test').load(function(event) { event.target.css('color', 'red'); alert('b');});
</script>


</body>
</html>

加载后没有任何反应(没有颜色变化,没有警报)并且 Firebug 说一切正常。

最佳答案

load 事件适用于异步加载的元素,例如图像和 ajax 加载的内容。

对于静态内容来说没有用。

在您的示例中,第一个 load() 事件处理程序在定义 #test 元素之前绑定(bind),因此它不起作用。第二个 load() 事件处理程序已经太晚了,因为 #test 已经加载。

关于jquery - 如何使用 jQuery 的 load(fn) 方法使其真正起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1208402/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com