请教load方法时如何绑定load进来内容的事件?
时间:2010-01-21
来源:互联网
用load方法请求另一个页面的时候,在主页面上注册的事件不起作用
以下是主页面的jquery代码:
<script language="javascript" type="text/javascript">
$(function(){
$('ul.item').load("/load");
$('a#reply').click(function(){
$(this).parent().next().slideDown();
});
});
</script>
或者
<script language="javascript" type="text/javascript">
$(function(){
$('ul.item').load("/load",function(){
$('a#reply').click(function(){
$(this).parent().next().slideDown();
});
});
});
</script>
以上两种办法均无效!
load中的内容如下:
<li>
<p>标题</p>
<p><a id="reply" href="javascript:void(0);">回复</a></p>
<div class="comments">
<form id="form_comments" action="#" method="post">
<input type="hidden" value="" name=""/>
<div>
<textarea name="content" class="comment_content normal"/>
</div>
<div>
<a class="ibtn" href="javascript:void(0);"><span><input type="submit" value="回复"/></span></a>
</div>
</form>
</div>
</li>
请各位大虾不吝赐教!
以下是主页面的jquery代码:
<script language="javascript" type="text/javascript">
$(function(){
$('ul.item').load("/load");
$('a#reply').click(function(){
$(this).parent().next().slideDown();
});
});
</script>
或者
<script language="javascript" type="text/javascript">
$(function(){
$('ul.item').load("/load",function(){
$('a#reply').click(function(){
$(this).parent().next().slideDown();
});
});
});
</script>
以上两种办法均无效!
load中的内容如下:
<li>
<p>标题</p>
<p><a id="reply" href="javascript:void(0);">回复</a></p>
<div class="comments">
<form id="form_comments" action="#" method="post">
<input type="hidden" value="" name=""/>
<div>
<textarea name="content" class="comment_content normal"/>
</div>
<div>
<a class="ibtn" href="javascript:void(0);"><span><input type="submit" value="回复"/></span></a>
</div>
</form>
</div>
</li>
请各位大虾不吝赐教!
作者: thick 发布时间: 2010-01-21
啊,在回调函数中绑定啊!这么简单的问题!
作者: fanxiaojie 发布时间: 2010-01-21
非常感谢
小弟刚接触jquery不久,确实有很多简单的问题不会处理。
您说的绑定是不是这样绑定?但是我试了还是不行呀
$('ul.item').load("/load",function(){
$('a#reply').bind('click',function(){
$('div.entry_comments').hide();
$(this).parent().next().slideDown();
});
});
小弟刚接触jquery不久,确实有很多简单的问题不会处理。
您说的绑定是不是这样绑定?但是我试了还是不行呀

$('ul.item').load("/load",function(){
$('a#reply').bind('click',function(){
$('div.entry_comments').hide();
$(this).parent().next().slideDown();
});
});
作者: thick 发布时间: 2010-01-21
啊,你忘了$()函数有两个参数的。后面的那个参数虽然可以省掉,但是也很重要很有用。
写成这样就好了:
$('ul.item').load("load.htm",function(){
$('a#reply',$('ul.item')).click(function(){
$('div.entry_comments').hide();
$(this).parent().next().slideDown();
});
});
写成这样就好了:
$('ul.item').load("load.htm",function(){
$('a#reply',$('ul.item')).click(function(){
$('div.entry_comments').hide();
$(this).parent().next().slideDown();
});
});
作者: fanxiaojie 发布时间: 2010-01-21

还是不行,我查阅了一下手册
描述:
在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
jQuery 代码:
[pre]$("input:radio", document.forms[0]);[/pre]描述:
在一个由 AJAX 返回的 XML 文档中,查找所有的 div 元素。
jQuery 代码:
[pre]$("div", xml.responseXML);[/pre][pre][/pre][pre]
ul.item是在主页面里面的,load进来的是feed列表,每个feed都是一个<li class="item_li">[/pre]
作者: thick 发布时间: 2010-01-21
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28