3

まず、私はプログラマーではなく、デザイナーです。私は jQuery についての知識が限られていますが、十分にいじくり回せば、仕事に必要なものを手に入れることができます。だからここで我慢してください。

1 つのページに複数のスライダーがあるサイト (Wordpress を使用している可能性が高い) を作成しています。Swipe JS を 1 つのスライダーで問題なく動作させることができましたが、すべてのスライダー DIV を検索して新しい Swipe オブジェクトを作成するコードが必要です。

1 つのスライダーに使用したコードは、「var slider = new Swipe(document.getElementById('slider'));」です。しかし、それは複数のスライダーでは機能しません。

HTML の構造は次のようになります。

<div class="slider">
    <ul>
        <li style="display:block;"><img src="01.jpg"></li>
        <li style="display:none;"><img src="02.jpg"></li>
        <li style="display:none;"><img src="03.jpg"></li>
    </ul>

    <a class="prev" href="#" onclick='slider.prev();return false;'>prev</a> 
    <a class="next" href="#" onclick='slider.next();return false;'>next</a>
</div>

皆さんの助けをいただければ幸いです。ありがとう！

4

2 に答える 2

4

このようなすべてのスワイプが必要な場合

var swipes = []
$('.slider').each(function(i, obj) {
        swipes[i] = new Swipe(obj);
    });

すべてのスワイプにclass="slider"属性を割り当てるだけです。

<div class="slider" id="slider_1">...</div>
<div class="slider" id="slider_xy">...</div>
<div class="slider" id="foobar">...</div>

特定のクラスの要素を選択するため、ID がどのようなものであっても機能するはずです。

を使用して各スワイプにアクセスできます

swipes[1].prev();
swipes[9].prev();

数はスワイプの回数に依存しますが、覚えておいてください：スワイプはありません。1はswipes[0]

于 2013-01-13T16:50:55.990 に答える
0

@tylorreimer

ajaxによって追加された動的コンテンツにはswipe.jsを使用しました。私がしたことは、追加されたスライダーごとにカウンターを追加することだけでした。だから、次と前のボタンごとに私はonclick="swipes[swipeSliderCounter].next()

ところで、mercen と同じようにスライダーを初期化します。

$('.slider').each(function(i, obj) {
        swipes[i] = new Swipe(obj);
    });
于 2013-04-16T12:33:22.260 に答える