繁体   English   中英

加载更多按钮一次

Load more button works just once

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个名为tbl_video的表,该表包含两个字段(video_id,video_title)。我想使用像社交网站这样的Ajax JQuery添加更多加载按钮。我能够获得前两个记录,但是当我第二次尝试时什么都没发生。我没有任何错误。我在做什么错。

这是我的index.php文件,我在这里创建表结构,然后获取两条记录。并获取第二条记录的ID值并将其发送到more.php文件

  <body>  

                    <table class="table table-bordered" id="load_data_table"> 

                    <thead>
                    <tr>
                    <td width="15%">Video Id</td>
                    <td>Video Title</td>
                    </tr>
                    </thead>
                    <?php

                    while ($row = mysqli_fetch_array($result)) {
                        $video_id = $row['video_id']; ?>
                             <tr>
                             <td><?php echo $row['video_id']; ?></td>
                             <td><?php echo $row['video_title']; ?></td>

                             </tr>
                        <?php
                    }

                    ?> 
                    <tr id="remove_row"><td><button type="button" id="more" class="btn btn-success form-control"
                     data-id="<?php echo $video_id; ?>">More</button></td></tr>

                    </table>  
               </div>  
          </div>  
     </body>  
</html>  
 <script>  
 $(document).ready(function(){  
     $('#more').click(function(){
 var id=$(this).data("id");


        $.ajax({
            url:"more.php",
            data:{id:id},
            method:"post",
            success:function(data){

              if(data!=''){

               $('#load_data_table').append(data);
               $('#remove_row').remove();


              }
              else{
                $('#more').html("No Data");
              }
            }

这是more.php文件。我认为这是自我解释

$id = $_POST['id'];
$output = '';
$db = mysqli_connect('localhost', 'root', '', 'testing');
$data = mysqli_query($db, "select * from tbl_video where video_id >{$id} limit 2");
if (mysqli_num_rows($data)) {
    while ($row = mysqli_fetch_array($data)) {
        $output .= '

         <tbody>
         <tr>
          <td>'.$row['video_id'].'</td>
          <td>'.$row['video_title'].'</td>
         </tr>

         ';
    }
    $output .= '
  <tr id="remove_row"><td><button type="button" id="more" class="btn btn-success form-control"
  data-id="'.$row['video_id'].'">More</button></td></tr></tbody>

  ';
    echo $output;
}

任何帮助都会得到应用。

1 个回复

当您添加新行时,有一个用于“更多”的新按钮

它具有与原始按钮相同的ID,因此存在冲突

也需要将javascript初始化为这样

PHP:

   $output .= '<tr id="remove_row"><td><button type="button"  class="more btn btn-success form-control" data-id="'.$row['video_id'].'">More</button></td></tr></tbody>';

使用Javascript:

<script>  
function moreButton() {
$('.more').click(function(){
var id=$(this).data("id");


$.ajax({
    url:"more.php",
    data:{id:id},
    method:"post",
    success:function(data){

      if(data!=''){

       $('#load_data_table').append(data);
       $('#remove_row').remove();

         moreButton();
      }
      else{
        $('.more:last').html("No Data");
      }
    }
 });
 }
 $(document).ready(function(){  

   moreButton();
 });

不要忘记使用.more删除类的more按钮的ID。

1 试图让我的“加载更多”按钮一次加载5个滑块

我正在尝试一次显示5个滑块,因此当您单击“加载更多”按钮时,将显示5个以上的滑块。 我也不想要警报,我只是希望更多的负载消失。 不幸的是,我所有的滑块都保持隐藏状态,该按钮不起作用。 这就是我所拥有的... 在我的CSS中: 我的HTML是15个div,其中包含滑块,底部是“ ...

2012-08-16 20:28:33 1 326   jquery
2 一次触摸更多一个按钮

您好我的应用程序就像Drum Studio。 我需要支持一次触摸更多一个按钮。 例如:用户触摸按钮1(并按住它!)它播放声音,但用户仍然按住它,用户单击另一个按钮,它也播放声音。 如何编程? 默认情况下onTouch或onClick使用,如果按下1按钮,则在未释放按钮之前,其他按钮不会作 ...

2011-04-06 14:42:07 3 2847   android
3 jQuery加载更多onscroll一次调用多次

我编写了一个javascript,当用户滚动到div底部时会加载更多内容。 这是我正在使用的代码: 问题是,当我在div的底部滚动时,loadMore函数一次调用了很多次。 大约一次有50 -60个请求。 有什么问题 ? 谢谢 ...

4 使用ajax请求触发器仅加载一次更多按钮

我需要有关此代码的说明: page2.php page.php 这是一个加载更多脚本以进行测试。 虽然这段代码可以正常工作,但是如果我替换 通过评论: xhr.response文件仅添加一次。 我不明白为什么。 非常感谢 ! ...

5 Facebook之类的按钮仅加载一次

我已经添加了facebook之类的按钮,但是它在页面上仅工作一次。 该页面由“平铺”组成,每个图块都有自己的链接,用户应该能够“喜欢”页面上的任何图块。 被调用函数的代码如下: 当用户按下某个按钮时-出现Facebook的“喜欢”按钮(即上面提到的功能startFacebook(), ...

7 加入更多一次?

我有一个用户表: users 我有另一个桌子booths 我想创建一个查询,清楚地说明特定的展位,经理的名字和所有者的名字。 这样做的最佳方法是什么? ...

8 在Ajax加载更多循环内仅显示一次广告

我在首页中提供了五个帖子的输出,向下滚动时,我使用Ajax调用来实现更多加载功能,该功能将加载下一个系列的5个帖子。 因此,向下滚动时 正在召集,以增加5个职位。 用户阅读了这5条额外的帖子后,将通过一个新的ajax调用来重复该操作,这将带来另外5条。 我试图在固定位置后展 ...

9 单击按钮一次加载+3查询

如何同时加载查询+3? 像这样:3-6-9? 查询是这样的: 我想将此命令添加到php页面中,并使用带有此代码的按钮同时加载+3 ...

10 每按一次按钮加载随机图像

我是jquery和PhP的新手,并且我一直在搜索了数小时,以期找到解决问题的方法。 TLDR; 基本上我想做的是每次按下按钮时加载一个新的随机图像。 现在,我有一个外部.php(imageload.php)文件,该文件包含在我的index.php页面中,该文件用于处理数据库的加载和获取随机 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM