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

时间:2012-06-26 02:09:03

标签: javascript jquery ajax scrollto serialscroll

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

这是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; 

1 个答案:

答案 0 :(得分:0)

嗯,也许这不太理想,但我最终还是使用了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);