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