Изменить изображение в Single Div с помощью Toggle? - PullRequest
Новая
       41

Изменить изображение в Single Div с помощью Toggle?

0 голосов
/ 23 декабря 2010

Хотел попытаться контролировать состояние этого спрайта с помощью переключателей на трех отдельных ссылках.У меня есть три отдельные ссылки, и я подумал, что могу щелкнуть любую ссылку в, чтобы включить или отключить одну.Целью является изменение состояния #case изображения.

Думал, что я могу использовать addClass, но я не знаю, как удалить какой-либо класс, который был добавлен там раньше.Предполагая, что это какая-то переменная, верно? 

  $("li.ti-color a").click(function(){
      $("#logo-link").toggleClass('red');

      });

  $("li.black-pvd a").click(function(){
      $("#logo-link").toggleClass('blue');


  });

  $("li.white-color a").click(function(){
      $("#logo-link").toggleClass('white');


  });

<div id="case">

    <a href="#" id="logo-link"></a>

</div>


<ul id="links"></li>
    <li class="black-pvd"><a href="#">Black PVD</a></li>
    <li class="ti-color"><a href="#">Titanium</a></li>
    <li class="white-color"><a href="#">White</a></li>

</ul>

Спасибо заранее.

1 Ответ

3 голосов
/ 23 декабря 2010

RemoveClass () работает: http://api.jquery.com/removeClass/

$("li.ti-color a").click(function(){
  $('#logo-link').removeClass('blue white').addClass('red');
});

$("li.black-pvd a").click(function(){
  $('#logo-link').removeClass('red white').addClass('blue');
});

$("li.white-color a").click(function(){
  $('#logo-link').removeClass('red blue').addClass('white');
});

Или, если вы хотите заменить все существующие классы другим классом, мы можем использовать .attr ('class', 'white').Нравится: 

$("li.ti-color a").click(function(){
  $('#logo-link').attr('class', 'red');
});

$("li.black-pvd a").click(function(){
  $('#logo-link').attr('class', 'blue');
});

$("li.white-color a").click(function(){
  $('#logo-link').attr('class', 'white');
});
...