0

私はswitchy http://lou.github.io/switchy/を使用しており、animate-color.jsを使用しています

私は複数のページを持っていますが、それらのページとは異なり、1 つがトゥーグルになるたびにすべてが緑色に変わります。

$(function() {

  $('.binary').switchy();

  $('.binary').on('change', function(){

    // Animate Switchy Bar background color 7cb15b
    var bgColor = '#ebebeb';

    if ($(this).val() == '1'){
      bgColor = '#7cb15b';
    } else if ($(this).val() == '0;'){
      bgColor = '#ebebeb';
    }
    $('.switchy-bar').animate({
      backgroundColor: bgColor
    });

    // Display action in console
    var log =  'Selected value is "'+$(this).val()+'"';
    $('#console').html(log).hide().fadeIn();
  });
});

ここwww.niors.comで私が何を意味するかを見ることができます

4

2 に答える 2

0

$('.switchy-bar')ページ上のすべての一致するクラスに影響します。クラス内のものだけを変更したい場合は、その.binary子要素を検索する必要があります。

$(this).find('.switchy-bar').animate();

トリックを行う必要があります。

于 2013-10-24T06:10:58.817 に答える
0

「。」を使用しているためだと思います。セレクタ。

個々の切り替えバーを選択して色を変更する必要があると思います。

var switchybar =  $(this).find('.switchy-bar');
if(switchybar !== undefined){
      switchybar.animate({
          backgroundColor: bgColor
       });

}

うまくいくことを願っています。

于 2013-10-24T06:14:03.963 に答える