javascript - 一切都在切换应用样式

Question

我正在使用 switchy http://lou.github.io/switchy/它使用 animate-color.js

我有不止一个，不像他们的页面，每次一个都变成了togle，它们都变成绿色，我怎么能防止这种情况，所以一个只有toogle

$(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

Answer 1

我认为这是因为您使用的是“。” 选择器。

我认为您将需要选择单个切换栏并更改其颜色。

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

}

我希望这个对你有用。

Answer 2

$('.switchy-bar')影响页面上的所有匹配类。如果您只想更改.binary类中的一个，则必须搜索它的子元素。

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

应该做的伎俩。