Блог

У меня есть две таблицы стилей CSS, как мне переключаться между ними с помощью одного элемента onclick?

Элементы будут:

• stylesheet_a.css
• stylesheet_b.css
• элемент DIV с идентификатором «css_toggle»

Это общая идея:

1. Привязать click() событие к css_toggle — $('#css_toggle').click(event_handler);
2. В обработчике событий измените src атрибут вашей таблицы стилей

Более подробную информацию и код можно найти в следующем руководстве — http://frinity.blogspot.com/2008/06/switch-css-stylesheets-using-jquery.html

Допустим, у вас есть эти элементы:

 <link id=a rel="stylesheet" href="stylesheet_a.css" type="text/css">
<link id=b rel="stylesheet" href="stylesheet_b.css" type="text/css" disabled>
  

Если вы добавите этот скрипт:

 $("#css_toggle").click(function() {
  var isOff = $("a").get(0).disabled;
  $("a").get(0).disabled = !isOff;
  $("b").get(0).disabled = isOff;
});
  

это должно делать то, что вы хотите. Не тестировалось, но идея должна быть понятна.