Форум Сайтостроение Веб-строительство

Помогите с jQuery

D
На сайте с 20.09.2010
Offline
175
datum
660

Есть 2 кнопки:

<div class="btn-group">

<button type="button" class="btn j-publisher-toggle active" data-type="0">Частное лицо</button>

<button type="button" class="btn j-publisher-toggle" data-type="1">Предприятие</button>

</div>

Как на jQuery при нажатии на неактивную кнопку сделать ее активной а 2-ю неактивной и наоборот?

Помогите такой простой переключатель написать

LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#1 


$('.btn-group button').on('click', function() {

	if ($(this).hasClass('active')) {

		return;

	}

	$('.btn-group button').toggleClass('active');

});
D
На сайте с 20.09.2010
Offline
175
datum
#2

Написал в странице:

<script>

$('.btn-group button').on('click', function() {

if ($(this).hasClass('active')) {

return;

}

$('.btn-group button').toggleClass('active');

});

</script>

На почему-то ругается на этот код:

jpg 55.jpg
bukachuk
На сайте с 07.09.2008
Offline
97
bukachuk
#3 

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

</head>
Программирование PHP,Mysql (/ru/forum/934470)
D
На сайте с 20.09.2010
Offline
175
datum
#4

У меня немного меньше версия:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

это так критично?

---------- Добавлено 06.02.2016 в 17:02 ----------

Хотя пробовал и 1.11.1 - та же ошибка

WF
На сайте с 18.01.2016
Offline
6
webFil
#5

ошибки нет.

https://jsfiddle.net/h581Ltxs/1/

Лендинги всего за 4500р (/ru/forum/923704)
D
На сайте с 20.09.2010
Offline
175
datum
#6

а как тогда у меня ошибку найти?

bukachuk
На сайте с 07.09.2008
Offline
97
bukachuk
#7

Если испытываеете как html страницу без сервера, добавьте https: перед jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
MK
На сайте с 18.08.2005
Offline
126
Marat_Kh
#8

Вероятно, ваш скрипт выполняется до загрузки query

как вариант

window.onload = function() {

тут ваш код с $()

};

нет
D
На сайте с 20.09.2010
Offline
175
datum
#9

Да точно, у меня query загружается в самом конце страницы, а код я вставлял в средине..

Спасибо за помощь!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий