0

複数のカウンターを適切に機能させる方法を見つけようとしています。flexslider が機能する方法では、スライドショーごとに多くのスライドショーとナビゲーションを使用できますが、1 つのスライドショーだけでカウンターを機能させることはできません。

例を次に示します: http://jsfiddle.net/thehonestape/3Cgcs/1/

私は本当にjqueryを使い始めたばかりなので、答えは簡単だと確信していますが、自分でそれを理解することはできません. 助けてくれてありがとう。

阿部

4

2 に答える 2

0

あなたが行っている方法で問題を解決することはできません。jQuery は、class=".current-slide" を持つすべての要素を選択します。問題を回避する唯一の方法は、デザインを再考することです。つまり、同じページに複数のスライダーがあるのはなぜですか? すべての画像を 1 つのスライダーに結合したり、コンテンツを変更してページごとに 1 つのスライダーを作成したりできます。たとえば、次の件名の次のスライダーへのリンク () を作成するだけです。または、スライダーを同じページにとどめる必要がある場合は、複数の Flexislider 呼び出しを作成します。

$('.flexslider').flexslider({
//options
start: function(slider){
    $('.total-slides').text(slider.count);
    $('.current-slide').text(slider.currentSlide);
    $('.current-slide').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  },
  after: function(slider) {
    $('.current-slide').text(slider.currentSlide);
    $('.current-slide').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  }

 });

 $('.flexslider2').flexslider({
//options
 start: function(slider){
    $('.total-slides2').text(slider.count);
    $('.current-slide2').text(slider.currentSlide);
    $('.current-slide2').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  },
  after: function(slider) {
    $('.current-slide2').text(slider.currentSlide);
    $('.current-slide2').text(function(i,txt) { return parseInt(txt, 10) + 1; });

  }

 });
于 2013-01-12T04:16:16.560 に答える
0

このコードで値を設定します

$('.current-slide').text()

これにより、クラス .current-slide を持つすべての要素のテキストが更新されます。両方のカウンターに同じクラスを指定したため、同じ値が表示されます。

于 2012-08-24T15:57:41.380 に答える