航点和查看 jquery。如何修复 DOM 问题

Question

我正在尝试自定义一个名为 wp post Listing 的 wordpress 插件。我想定位包装加载更多按钮的#basic-waypoint-cyberwrath，因为该插件没有自动化功能。它需要手动点击我不喜欢的加载更多按钮。

这是我目前获得的代码：

var inview = new Waypoint.Inview({
    element : $('#basic-waypoint-cyberwrath')[0],
    enter : function(direction) {
        //alert('Enter triggered with direction ' + direction)
    },
    entered : function(direction) {
        //alert('Entered triggered with direction ' + direction)
        $('.wpp_loadmore_pager').click();
    },
    exit : function(direction) {
        //alert('Exit triggered with direction ' + direction)
    },
    exited : function(direction) {
        //alert('Exited triggered with direction ' + direction)
    }
});

当我使用警报功能时。无论我滚动到 ID 多少次，它都会在 inview 中很好地提醒。它不断触发警报功能。但是当我使用点击功能时。它只触发一次，因为每次单击加载更多按钮时都会动态加载#basic-waypoint-cyberwrath。这是迄今为止我所做的最接近的代码。 .

这是我目前获得的航路点代码：

var $fusionheader = $('#basic-waypoint-cyberwrath');
$fusionheader.waypoint(function(direction) {
    if (direction === 'down') {
        // do stuff
        //alert('I am going down');
        $('.wpp_loadmore_pager').click();
    }
    jQuery.waypoints('refresh');
}, {
    offset : '90%'
});

我已经尝试了几乎所有方法。我不知道我在这里错过了什么。 第一次向下滚动时两者都很好，然后在看到#basic-waypoint-cyberwrath 时触发，但在第 2 轮中不再触发，等等加载更多按钮以查看其他帖子列表。

我什至尝试了 for 循环语句，但仍然没有运气：

var discreteElements = document.getElementById('basic-waypoint-cyberwrath');
for (var i = 0; i < discreteElements.length; i++) {
    new Waypoint.Inview({
        element : this,
        enter : function(direction) {
        },
        entered : function(direction) {
            //animatelettering.textillate('in')
            $('.wpp_loadmore_pager').click();
        },
        exit : function(direction) {
            //animatelettering.textillate('out')
        },
        exited : function(direction) {
        }
    });
};

请帮忙。

Answer 1

您需要追踪导致这些帖子加载的实际原因（可能是一个函数），并将处理程序重新附加到那里的点击事件。您可以使用

来完成此操作

$(".container").on("click", ".wpp_loadmore_pager", function() {
    //load_function();
});

很可能.wpp_loadmore_pager 在某处附加了一个点击事件，并且它正在运行一些函数（load_posts()、get_posts() 等）。在该函数中，您可能会看到重新创建该按钮的代码。那是您需要重新附加处理程序的地方。