Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自AJAX结果的附加数据不会执行另一个jQuery函数_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 来自AJAX结果的附加数据不会执行另一个jQuery函数

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

基本上,我试图创建一个类似于facebook/twitter的新闻提要,在这里我只显示数据库中至少3篇最新的帖子

在帖子底部,我有一个可点击的div,用于
加载更多帖子。

单击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');