1

サムネイル ナビゲーションを使用する Flexslider を構築しています。これは、ここで見られる Flexslider デモと本質的に同じですhttp://flexslider.woothemes.com/thumbnail-slider.html。すべて正常に動作しますが、StartAt プロパティを使用しようとすると、サムネイルの方向ナビゲーションが壊れます。間違った場所にジャンプし、directionNav リンクを無効にすることがあります。

これは私のコードです。Flexslider デモと同じように、一度に 5 つの #carousel アイテムがページに表示され、1 つの #slider アイテムが表示されます。

    $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        itemWidth: 230,
        itemMargin: 40,
        move: 5,
        startAt: 2,
        asNavFor: '#slider'
    });

    $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        startAt: 2,
        sync: "#carousel"
    });

一度に 5 つのアイテムを表示する #carousel コードだけを実行すると、「startAt」が 1 つのアイテムではなく 1 つの「一連のアイテム」と対話することがわかりました。したがって、startAt 0 はアイテム 1 ～ 5 を表示し、startAt 1 はアイテム 6 ～ 10 を表示します。

一度に 1 つのアイテムしか表示されない場合 (#slider のように)、「実行」は 1 アイテムです。したがって、startAt 0 は項目 1、startAt 1 は項目 2 などです。

これはバグに関連していると思います。#carousel の directionNav で次にヒットするとこれらが同期されると (#carousel の startAt が 2 の場合)、サムネイル アイテム 16 ～ 20 にジャンプします (同期されていない場合は 3 になります)。代わりに prev を押すと、項目 6 ～ 10 にジャンプします (同期されていない場合は実行 1 になります)。

このバグを回避する方法を見つけた人はいますか?

ありがとう

4

1 に答える 1

0

だから私は本質的に同じことをしようとして、この同じ問題を抱えていました。

解決策は見つかりませんでしたが、github で問題を見つけました。

https://github.com/woothemes/FlexSlider/issues/277

問題は、flexslider の読み込み中に sync メソッドが使用できないことです。そのため、ロード中は同期できません。スライダーの開始イベントから同期を呼び出してみましたが、うまくいきませんでした。これは flexslider 自体で修正する必要がある問題であり、パッチが必要です。

これ以上お役に立てず申し訳ありませんが、github issue の回避策がお役に立てば幸いです。

于 2013-06-22T18:57:49.793 に答える