3

jquery Uiを使用して、2つの異なるタブに2つのjcarouselスライダーを作成しました...

タブセクションを変更すると、スライダーをリセット（または）リロードして最初の画像に移動する必要があります。

私はこのスクリプトを使用しました

jQuery(document).ready(function() {
  jQuery('#mycarousel').jcarousel();
  jQuery('#mycarousel2').jcarousel();
  $( "#tabs" ).tabs();
});

このスクリプトを試しましたが、コードに影響はありませんでした

<script type="text/javascript"> 
    var theModelCarousel = null; 

    function modelCarousel_initCallback(carousel) { 
        theModelCarousel = carousel; 

    }; 

    jQuery('#tabs-2').click(function() { 


         jQuery('#mycarousel').jcarousel({ 
            initCallback: modelCarousel_initCallback 

        });

    }); 

    function clearModelCarousel() { 
        theModelCarousel.reset(); 

    } 
</script>

（ページを更新せずに）別のタブに変更した場合、スライダーをリセットするにはどうすればよいですか。

ここでは、理解しやすいようにBINを作成しました。

4

5 に答える 5

3

jcarouselのリロードオプションを試してみてください

.jcarousel('reload' [, options])

jCarousel API

$('.jcarousel').jcarousel('reload', {
    'animation': 'slow'
});
于 2013-01-24T04:47:29.983 に答える
2

APIを参照してください

その本当に単純な問題

http://sorgalla.com/jcarousel/docs/reference/api.html

 .jcarousel('reload' [, options])
于 2013-04-06T11:30:00.237 に答える
1 
jQuery('#mycarousel').data('jcarousel').scroll(0);

これにより、カルーセルが開始位置にリセットされます。

または、関数内にカルーセルオブジェクトがある場合

carousel.scroll(0);
于 2013-06-26T21:31:31.280 に答える
1

私は同じ問題を抱えてい.jcarousel('reload' [, options])たり $('#mycarousel').jcarousel('scroll', 0);、奇妙な副作用を抱えていました。

('scroll', 0)jcarouselが要素を並べ替えるときに、ランダムに機能していました。

('reload' [, options])一目で作業していましたが、次の画像ボタンをクリックすると、最後に見た画像の隣の画像にスライドしていました。最後に前の画像ボタンを使用している場合は機能しませんでした。

私にとってうまくいったのは、jcarouselスクリプトを開くたびに画像ギャラリーにバインドし、閉じるたびにjcarouselを破棄することでした。

jcarouselの使用を削除するには：

$（'。gallery'）。jcarousel（'destroy'）;

于 2013-09-27T19:39:51.443 に答える
0 
  $('#tabs').on('click', '.ui-tabs-anchor', function() {
    $('#mycarousel').jcarousel('scroll', 0);
    $('#mycarousel2').jcarousel('scroll', 0);
  });

スクロール方式を使用して、カルーセルの最初のアイテムを見つけることができます。 http://jsbin.com/idabit/23/edit

于 2013-01-25T02:27:52.097 に答える