javascript - Jquery scrollTo serialScroll在ajax加载后跳回第一项

Question

我需要单击 jQuery serialScroll/scrollTo 中的 .next 按钮，不仅可以滑动到下一个项目，还需要在此之前对新内容进行 ajax 调用。在serialScroll中的.next按钮上进行ajax调用的最佳方法是什么？

这是 serialScroll 的东西；

$('.audioholder').serialScroll({
target:'.scrollable',
items:'.newthing',
prev:'img.prev',
next:'img.next',
cycle:false,
axis:'x',
duration:700,
force:true,
lazy:true,
});

和ajax代码：

        var target = $(this).closest('.newthing').next('.newthing');
        var toLoad = Drupal.settings.basePath + 'replies/' + mynid;
        xhr = $.ajax({
            url: toLoad,
            success: function(data) {
        $(target).html(data);

        });
        return false; 

Answer 1

好吧，也许这并不理想，但我最终改用了 scrollTo 。

这是单击下一步按钮：

var myscrollable = $(this).closest('.scrollable');
myscrollable.scrollTo(target, 800 );

以及上一个按钮的代码：

var mynewthing = $(this).closest('.newthing');
var prevthing = mynewthing.prev(); 
var myscrollable = $(this).closest('.scrollable');
myscrollable.scrollTo(prevthing, 800);