Все переключается на стиль переключения

Question

Все переключается на стиль переключения

0

Я использую switchy http://lou.github.io/switchy/, и он использует animate-color.js

У меня более одного, в отличие от их страницы, каждый раз, когда вы получаете toogle, все они становятся зелеными, как я могу предотвратить это, поэтому вы получаете только Google

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

user2726228 24 окт. 2013, в 08:41

Источник

Теги:

javascript

jquery

2 ответа

Ещё вопросы

progrAmmar · Answer 1 · 2013-10-24T04-55-00.000Z

Я думаю, это потому, что вы используете '.' селектор.

Я думаю, вам нужно будет выбрать отдельную панель переключения и изменить цвет.

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

}

Надеюсь, это сработает для вас.

Gerald Schneider · Answer 2 · 2013-10-24T04-28-00.000Z

$('.switchy-bar') влияет на все классы соответствия на странице. Если вы хотите изменить только внутри класса .binary вы должны искать его дочерние элементы.

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

должен сделать трюк.