Подмена класса на jQuery

DatiX 22.08.2012 подмена, классы, CSS Все вопросы » jQuery 4766

вопрос

написал я код для подмены класса двух блоков одновременно... в Опере он работает а от в остальных не хочет...а так как я в квери не силен... может вы подскажите что тут не так...

Показать / Скрыть текст

<style>
.b1 {
    width:100px;
    height:100px;
    border:1px solid #000;
}

.b2 {
    width:200px;
    height:200px;
    border:1px solid #000;
}

.b3 {
    display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var count = 0;
    $("#link").click(function(){
      $("#b1").toggleClass("b2");
      $("#b2").toggleClass("b3");
    });
});&#8203;
</script>
</head>

<body>
<a href="#" id="link">1111</a>

<div id="b1" class="b1"></div>
<div id="b2" class="b1"></div>

Ответил: ПафНутиЙ

Руки кривые, или редактор, честно.
пока не переписал код вручную - ничего не работало. Не знаю почему, но подозреваю, что из-за редактора, ибо мой редактор отступы не воспринял ни как пробелы, ни как табы.

Показать / Скрыть текст

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <style>
    .b1 {
        width:100px;
        height:100px;
        border:1px solid #000;
        background: #000;
        color: #fff;
    }

    .b1.b2 {
        width:200px;
        height:200px;
        border:1px solid #000;
        background: #fff;
        color: #000;
    }

    .b1.b3 {
        color: #ccc;
        display: none;
    }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
    jQuery(function($) {
        $("#link").click(function(){
            $("#b1").toggleClass("b2");
            $("#b2").toggleClass("b3");
            return false;
        });
    });
    </script>
</head>

<body>
    <a href="#" id="link">1111</a>

    <div id="b1" class="b1">222222</div>
    <div id="b2" class="b1">33</div>
</html>

4 комментария

Юзер

175

DatiX - 2015-04-1523 августа 2012 00:20 - #6660

спасибо Sander(у), помог =)

Юзер

175

DatiX - 2015-04-1523 августа 2012 00:35 - #6661

Sander подправил код вот до такого варианта

$("#link_b").live({click:function(){
    $("#b1").toggleClass("b2");
    $("#b2").animate({width:'toggle'});
}});

а то предыдущий у меня работал только на главной странице...

ах да и на счет редактора... я писал код вот тут
jsfiddle.net, думаю из за этого такой глюк...

Эксперт

1925

nowheremany - 2015-04-1523 августа 2012 09:47 - #6665

http://jquery.page2page.ru/index.php5/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_%D1%83%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%BE%D0%B1%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9

Благодарность принимаю тут Связь

Эксперт

1925

nowheremany - 2015-04-1523 августа 2012 09:53 - #6666

По поводу toggleClass("b2"); что собственно ты хочешь. Почему подмена, если toggleClass только добавляет или удаляет класс, если его нет/есть

Благодарность принимаю тут Связь

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст