jQuery中load事件中代码不执行
html：<body><divid="divContents"></div></body>js:$(document).ready(function(){$('body'...
html：<body><div id="divContents"></div></body>js:$(document).ready(function(){ $('body').load(function(){ $('#divContents').append('<div>这是一个子节点</div>'); });}); 为什么在加载页面是没效果，问题较弱，高手回答，装x的就闭嘴吧
展开
3个回答
展开全部
这个是因为你对jquery中load方法理解的不太准确，jquery中的load函数是jquery中ajax的一个方法，具体的 load(url, params, callback) 装入一个远程HTML内容到一个DOM结点。 url (String): 装入的HTML文件url地址 params (Object): （可选）发送到服务端的键／值对参数。 callback (Function): （可选） 当数据装入完成时执行的函数. ==================================================所以你想要实现的效果应该这么写：$(document).ready(function(){
$('#divContents').append('<div>这是一个子节点</div>');
});
$('#divContents').append('<div>这是一个子节点</div>');
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这里不执行的原因，complete的事件callback，你放错位置。正确方法在第三个参数。
语法 ：jQueryObject.load( url [, data ] [, complete ] )
把代码修改为（前面两个URL和DATA为空，只设第三个callback事件函数即可：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="
<title>Document</title>
</head>
<body>
<div id="divContents"></div>
<script>
$(document).ready(function(){ $('body').load('','',function(){ $('#divContents').append('<div>这是一个子节点</div>');
});});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看看你怎么写的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
