Ajax仅每隔一个WP帖子正确加载 - Ajax loading properly only every other WP post

Ajax loading properly only every other WP post

本文关键字：WP 加载一个 Ajax | 更新日期: 2023-09-27

在我的wordpress网站上，我正在通过ajax加载我的帖子。
但是由于某种原因，页面每隔一个帖子都会选择刷新而不是通过ajax加载。
因此，当我单击"下一步"时，下一篇文章将完美加载。然后在第二篇文章中，当我再次单击下一步时，页面刷新。
知道为什么它只刷新每隔一个帖子吗？

.JS：

jQuery(document).ready(function() {
jQuery('.arrows a').click(function() {
        var url = jQuery(this).attr('href');
        jQuery('#main-content').html('<h4>Loading...</h4>').load(url+ ' #main-content');
        return false;
        });
});

jQuery(document).ready(function() {
    var clickHandler = function() {
        var url = jQuery(this).attr('href');
        jQuery('#main-content').html('<h4>Loading...</h4>').load(url+ ' #main-content', function() {
            jQuery('.arrows a').click(clickHandler);
        });
        return false;
    };
    jQuery('.arrows a').click(clickHandler);
});

委派

单击，以便不会使用单击处理程序删除元素。

对于 jQuery>= 1.7，请使用 on 。

jQuery(document).ready(function() {
jQuery('#main-content').on('click', '.arrows a', function(e) {
    e.preventDefault();
    var url = jQuery(this).attr('href');
    jQuery('#main-content').html('<h4>Loading...</h4>').load(url+ ' #main-content');
  });
});

对于 jQuery 1.4.2-1.7，请使用 delegate 而不是 on 。

jQuery(document).ready(function() {
jQuery('#main-content').delegate('.arrows a', 'click', function(e) {
    e.preventDefault();
    var url = jQuery(this).attr('href');
    jQuery('#main-content').html('<h4>Loading...</h4>').load(url+ ' #main-content');
  });
});