jCarousel 复位滚动 position

Question

当我在 jCarousel 中加载新数据时，我有一个关于重置滚动 position 的问题。 链接在这里： http://rjwcollective.com/equinox/rishi_gallery/eqgall.php

当您单击左侧边栏中的过滤器时，新数据会出现。 但是，如果您开始滚动右侧边栏的轮播然后重新选择过滤器，则新加载的数据不会重置到顶部 position。

我正在清空 div 中的数据 using.empty()

场景是这样的：

首次加载：

//first load
$.ajax({
    type:"POST",
    url:"sortbystate.php",
    data:"city=&gender=&category=",
    success:function(data){
            //carousel
            $('#thumbs').html(data);

    }

});//end ajax

过滤器选择：

$(".statelist :input").click(function(){
    $('#thumbs').empty();

    var state = $('.statelist input:checked').attr('value');
    var gender = $('.gender input:checked').attr('value');
    var category =$('.category input:checked').attr('value');
        $.ajax({
            type:"POST",
            url:"sortbystate.php",
            data:"city="+state+"&gender="+gender+"&category="+category,
            success:function(data){

                    $('#thumbs').html(data);

            }


        });//end ajax
    });

Answer 1

您可以在加载新数据时重置轮播：

       success:function(data){

                carousel.reset();
                $('#thumbs').html(data);

        }

这将清除并重置 position。

或者你可以直接调用 carousel.pos(0); 回到起点。

如果您需要更多 function，最好查看源中提供的 function：

https://github.com/jsor/jcarousel/blob/master/lib/jquery.jcarousel.js

Answer 2

我对 jcarousel 不熟悉，但它看起来很奇怪，因为您需要在轮播.add上添加 .add。 相反，您只需设置 HTML。

在此处查看 ajax 示例（动态示例）： http://sorgalla.com/jcarousel/