Question

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

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;
        });
});

Answer 1

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);
});

Answer 2

委派点击，这样就不会使用点击处理程序删除元素。

对于jQuery＆gt; = 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');
  });
});

Ajax仅在每个其他WP帖子中正确加载

2 个答案: