0

私は非常に多くの小さなjQueryCycleスライドショーdiv（コンテナ）を1ページのWebサイトに持っています。

    <div class="foo bar" data-value="1000"> // data-value varies on each container
        <img src="directory/img_0.jpg" alt="img 0" />
        <img src="directory/img_1.jpg" alt="img 1" />
        <img src="directory/img_2.jpg" alt="img 2" />
    </div>

ハードコーディング/繰り返しを行わずに、すべてを循環させたい-各スライドショーdivが異なるデータ値を持つ-

$(document).ready(function() {
  $('.foo.bar').cycle({
      speed: 300,
      timeout: 6000,
      delay: $('.foo.bar').data('value')
  });
});

そのようなスライドショーdivのすべての発生に対して。このようなjQuery関数を各スライドショーdivに「アタッチ」、「バインド」、または「リンク」して、各要素の異なるデータ値が使用されるようにするにはどうすればよいですか？jQueryの.each（）関数でそうできるのではないかと思いますが、どうすればよいでしょうか。

フィドルを編集する

事前にどうもありがとうございました！

4

1 に答える 1

1

あなたが言う.each()ように、あなたはこれを非常に簡単に行うことができます：

$('.foo.bar').each(function() {
    $(this).cycle({
      speed: 300,
      timeout: 6000,
      delay: $(this).data('value')
    });
});

.eachコールバック内で、this現在操作している要素を参照します。

于 2012-07-05T09:29:01.847 に答える