JQuery在加载ajax内容的链接上平滑滚动

我正在为我女朋友的博客定制wordpress主题。我在今天早些时候提出的问题中给出了更多的细节，这样我就不会再重复一遍浪费空间了

它是一个单页网站，使用jQuery平滑滚动浏览内容

var $root = $('html, body');
$('nav a, .catlist-link').click(function() {
    var href = $.attr(this, 'href');
    $root.animate({
        scrollTop: $(href).offset().top
    }, 1300, 'easeInOutCubic', function () {
        window.location.hash = href;
    });
    return false;
});

---

我使用高级AJAX页面加载器插件成功地将单个帖子的链接加载到同一页面内的一个div中，但是平滑滚动不适用于这些链接。如果我将它应用到他们身上，他们只需刷新页面并加载single.php，而不是使用ajax加载的post内容平稳地转换到div。有没有办法将平滑滚动应用于这些链接

我在谷歌上搜索了一下，终于解决了这个问题。 我在home.php中添加了data target=“main content”来发布链接，并编写了一个单独的代码来平滑滚动这些链接

<li class="slide">
    <a data-target="main-content" href="<?php echo get_permalink(); ?>">
        <?php the_post_thumbnail(); ?>
        <div class="bubble">
            <h5><?php echo get_the_title(); ?></h5>
        </div>
    </a>
</li>

$('.slide a').on('click', function(event) {
    event.preventDefault();
    var target = "#" + $(this).data('target');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 1300, 'easeInOutCubic');
});