一切都混得切換

Question

我使用switchy http://lou.github.io/switchy/應用的樣式，它使用動畫，color.js

我有一個以上的，不像他們的頁面，每次一個得到的toogle所有的人都變成綠色，怎麼能我避免這種情況使人們得到的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

$('.switchy-bar')影響頁面上的所有匹配類。如果您只想更改.binary類中的內容，則必須搜索它的子元素。

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

應該這樣做。

Answer 2

我認爲這是因爲您正在使用'。'選擇。

我想你需要選擇單獨的開關欄並改變它的顏色。

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

} 

我希望它適合你。