Question

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

我有不止一个，不像他们的页面，每次一个人到他们所有人变成绿色，我怎么能防止这个，所以只有到谷歌

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

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

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

应该这样做。

Answer 2

我认为这是因为你正在使用'。'选择器。

我认为你需要选择单独的转换条并改变它的颜色。

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

}

我希望它适合你。

一切都在切换上得到了应用风格

2 个答案: