单击功能不显示更多记录

Question

项目

我正在更新Infinite Scroll ajax脚本以提供view more href。

状态：

该函数的第一部分正常工作... loading.gif显示，表格填充了15行的LIMIT和loading.gif隐藏

问题

点击view more超链接无法识别...仍在正常回复href="#"

populateRecords.js

注意：希望减少混淆，我用简单的alert('');替换了第二个函数和ajax调用的内容，以测试点击操作。

var ajax_array = [];
var ajax_index = 0;
$(function () {
    $('#loading').show();
    $.ajax({
        url: "populateRecords.php",
        type: "POST",
        data: "actionfunction=showData&page=1",
        cache: false,
        success: function (response) {
            $('#loading').hide();
            $('#records').html(response);
        }
    });
    $("#viewmore_records").click(function(e) {
            e.preventDefault();
            alert('Howsit?!');

        });
});

records_manager.php

我已经尝试使用populateRecords.js直接在（在正文中）

    <img id='loading' src='../media/images/loading.gif'>
    <div id="records" cellspacing="0">
    </div> 
  <script type="text/javascript" src="../../media/js/populateRecords.js?<?php echo date("dmyhis");?>"></script>

......以及标题中...... 两者都没有。

#viewmore_records

＆LT;＆LT;查看更多＆gt;＆gt;当ajax行加载完成时，在字符串的末尾回显。

Answer 1

如果view_more链接是通过ajax加载的。然后尝试在ajax成功上绑定click事件，如下所示。

var ajax_array = [];
var ajax_index = 0;
$(function () {
    $('#loading').show();
    $.ajax({
        url: "populateRecords.php",
        type: "POST",
        data: "actionfunction=showData&page=1",
        cache: false,
        success: function (response) {
            $('#loading').hide();
            $('#records').html(response);
            $("#viewmore_records").click(function(e) {
              e.preventDefault();
              alert('Howsit?!');    
            });
        }
    });


});