Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 25.11.2015
Сообщений: 28

Повесить несколько событий

21.10.2016, 16:46. Показов 1208. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть один елемент с id="img1"?б при нажатии на него к нему добавляется border с одним цветом и при еще одном нажати на него же без перезагрузки другой бордер почему срабатывает только раз?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var check = 2;
    
        
 
        
 
        $("#img1").click(function(event){
            
            if(check == 2){
            $("#img1").css({ 'border': '3px solid #0287D0',
                          'border-radius': '9px'});
            check = 1;
            }
            if(check == 1){
            $("#img1").css({ 'border': '3px solid #0287D0',
                          'border-radius': '9px'});
            check = 2;
 
            }
    });
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.10.2016, 16:46
Ответы с готовыми решениями:

Повесить событие на несколько кнопок
Добрый день всем. Мне нужно, чтобы при нажатии на кнопку ОК отправлялся на сервер POST. Сейчас это работает только с первой кнопкой,...

Несколько событий для нескольких кнопок
Скажите пожалуйста, каким образом создать несколько событий "mouseover" и т.п. для нескольких кнопок программно? Т.е. что бы не прописывать...

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

1
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
21.10.2016, 17:59
Потому что у вас check будет всегда равен 2, посмотрите на свою логику - если чек равно 2 делаем рамку синюю и присваиваем чеку 1 и тут же если чек 1 то делаем рамку (у вас css тот же зачем то написан, поэтому будем считать что в первом случае синяя, во втором красная) красную, а чек опять равен 2. При втором клике последовательность повторяется. Правильно ваш код должен выглядеть вот так:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  var check = 2;
  
  $("#img1").click(function(event){
    
    if(check == 2) {
      $("#img1").css({ 'border': '3px solid #0287D0',
                              'border-radius': '9px'});
      check = 1;
    } else if (check == 1) {
      $("#img1").css({ 'border': '3px solid red',
                              'border-radius': '9px'});
      check = 2;
      console.log("2: " + check);
    } 
  });
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
21.10.2016, 17:59
Помогаю со студенческими работами здесь

Повесить обработчики событий на массив элементов
var headers=document.querySelectorAll("thead tr th"); for(var i=0;i<headers.length;i++) (function(){ ...

Повесить слушатели событий на сгенерированный HTML-код
Доброго всем дня, очень прошу Вашей помощи. У меня такой вопрос Допустим есть такой html <ul id='block'> </ul> ...

Как повесить обработчик событий на все ноды списка?
например, document.getElementsByClassName() возвращает список нодов. как повесить onclick на каждый элемент? цикл – не очень хороший...

Повесить обработчик событий на все элементы определенного класса
есть код: onload = function(){ var a = document.querySelectorAll("p.kor a"); alert(a.href); ...

Как повесить onclick на несколько элементов?
В общем такая проблема, у меня есть корзина, в которую добавляется новые продукты, где по клику на продукт должна высвечиваться подробная...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru