Javascript 来自AJAX结果的附加数据不会执行另一个jQuery函数
基本上,我试图创建一个类似于facebook/twitter的新闻提要,在这里我只显示数据库中至少3篇最新的帖子 在帖子底部,我有一个可点击的div,用于Javascript 来自AJAX结果的附加数据不会执行另一个jQuery函数,javascript,php,jquery,html,Javascript,Php,Jquery,Html,基本上,我试图创建一个类似于facebook/twitter的新闻提要,在这里我只显示数据库中至少3篇最新的帖子 在帖子底部,我有一个可点击的div,用于加载更多帖子。 单击div后,当然会显示另外3篇旧文章,以此类推 目前,我的数据库中有15篇文章,如下所示(id 15为最近添加的文章) 上面将显示每个帖子的帖子和相关的评论 <ul id="post"> <?php while.. { ?> <li><?php echo id; ?&g
加载更多帖子。
单击div后,当然会显示另外3篇旧文章,以此类推
目前,我的数据库中有15篇文章,如下所示(id 15为最近添加的文章)
上面将显示每个帖子的帖子和相关的评论
<ul id="post">
<?php while.. { ?>
<li><?php echo id; ?> - <?php echo posts; ?> </li>
<ul id="comments">
<?php while .. {?>
<li> <?php echo comments; ?> </li>
<?php } //end while ?>
</ul>
<?php } //end of while?>
</ul>
<span last_id="<?php echo id?>"> Load More ... </span>
获取的值将附加到my
中,并生成此格式
id:15 - some posts - some comments
id:14 - some posts - some comments
id:13 - some posts - some comments
id:12 - some posts - some comments
id:11 - some posts - some comments
id:10 - some posts - some comments
load more...
但当我再次点击加载更多…
时,它不会查询另一组3篇旧帖子
看来,我的jQuery无法识别追加的
我如何解决这个问题
谢谢。你应该有一个关于这个跨度的课程:
<span class="loadmore" data-last_id="<?php echo id?>">
和$('.post').append(html)
应该是$('#post')。追加(html)代码>
我也会考虑将<代码>最后ID/COD>属性更改为更友好的数据属性:
<span data-last_id="<?php echo id?>">
事件可能有问题,如果要使用ajax加载的内容进行操作,则需要使用事件绑定。所以,改变这个:
$('.loadmore')。单击(函数(){
对此:
$(文档)。在('click','.loadmore',函数(){
$('.post')…正在搜索一个类,您是否尝试了$('#post')。追加(html);应该解决您的问题动态加载内容需要事件删除嗨,Andy,是的,谢谢您指出我的错误。但是我的主要问题是如何从附加的数据执行相同的AJAX函数。我想您在span
上也缺了一个类…谢谢您!如果可以的话,我会给您买一杯啤酒!我很高兴您理解了我的想法我觉得我太模糊了
<span class="loadmore" data-last_id="<?php echo id?>">
$(document).on('click', '.loadmore', function () {
//
});
<span data-last_id="<?php echo id?>">
var last_id = $(this).data('last_id');