8

私のデザイナーは、私のページで 3 つの div をうまくスクロールするために bxslider を配置しました。ページが実行されると、html でページ上に 6 つの div が生成されることがわかります。div 3、div2、div1、div3、div2、div1 を示しています。

私のページの重複したフィールドが私のプログラミングを台無しにしてしまったからです。

それは必要ですか、そして私のdivを複製してはならないコードに触れる方法はありますか?

このページは複雑なコードでいっぱいで、ajax が data-serialize を投稿フォームに渡しています。すべてが重複しているため、すべてのフィールドが「値、値」として取得されます。したがって、正確な応答が得られず、数値であるはずの場合も未定義です。

私のフォームの投稿は次のようになります。

function submitCart () {
$.post(
"scripts/savecart.asp",
$("#form1").serialize()
);}

bx- ではないものをどのように追加できますか?

4

7 に答える 7

13

bxSlider のソース コードでコメントされているように:

無限ループの場合、追加のスライドを用意する

infiniteLoop: falseしたがって、構成オブジェクトに追加することでこれを修正できました。

$(".js-slider").bxSlider({
    infiniteLoop: false
});
于 2015-01-28T15:06:06.067 に答える
4

BxSlider は要素を複製して、無限スクロールなどを可能にします。たとえば、スライダーに要素が 2 つしかないとします。要素 1 は左側でスライドアウトしている可能性がありますが、右側でもスライドインしている可能性があります。したがって、複製が必要です。

これが問題になる場合は、通常、そのbx-cloneクラスを使用して複製を操作できます。実際の問題を明確にしていただければ、より具体的なアドバイスができるかもしれません。

更新: セットから複製された要素を削除するには、次のようなことを試してください。

$('.bxslider li:not(.bx-clone)')....
于 2013-11-04T21:05:27.063 に答える
1

画像ギャラリーに使用したい bx-clone でこのような問題が発生しました。そのため、サムネイル画像スライダーがあり、スライダーには bx-slider を使用し、小さな画像をクリックするたびに、その画像を大きなサイズで div に表示する必要がありますが、bx-clone をクリックしても何も起こりませんでした

私はこれでその問題を解決しました:

 var slider = $('.bxslider').bxSlider({
        minSlides: 4,
        maxSlides: 4,
        slideWidth: 92,
        moveSlides: 1,
        pager: false,
        slideMargin: 10,

        onSliderLoad: function(){
            $('li.bx-clone').click(function() {

              /** your code for bx clone click event **/

            });  
           }
        });
于 2016-02-07T10:37:39.690 に答える
1

上記のクエリの場合: 無限ループを維持しながら、クローンを削除することは可能ですか?

以下のコードを使用してみてください: 1 つ以上のアイテムが無限ループの場合: true でなければ:false

infiniteLoop: ($j("...selector...").length < 2) ? false : true,
于 2016-03-30T12:52:12.350 に答える
0

それが私が直面していた問題と同じかどうかはわかりませんが、私の場合は次のとおりです。私のコードは bx スライダーを fancybox と一緒に使用していました。そして、それは私のスライドを複製していました。解決策は、私のイメージ ループで生成されたセカンダリ コード (ファンシー ボックス) を、

  • 鬼ごっこ。それは私のためにそれをしました。

    • 于 2017-09-23T19:07:36.037 に答える