С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
 Аватар для FreeYourMind
147 / 147 / 104
Регистрация: 13.11.2016
Сообщений: 557

двойное срабатывание события click

23.03.2020, 14:23. Показов 1041. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
доброго времени суток, товарищи, подскажите в чем чудеса? собственно имеется вот такая конструкция -
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="flight-cost">
          <div class="flight-cost-title flex justify-content-between align-items-center cost-active">
                    <span>Cost of flight</span>
                    <i class="fa fa-info-circle"></i>
          </div>
          <div class="flight-cost-info" style="display: block;">
                    <div class="d-flex justify-content-between details">
                              <span>Passengers</span>
                              <span>1</span>
                    </div>
                    <div class="d-flex justify-content-between details">
                              <span>Price per passenger</span>
                              <span>140&nbsp;</span>
                    </div>
          </div>
</div>
и вот такой вот обработчик
JavaScript
1
2
3
4
$('.flight-cost-title').on('click', function(){
        $('.flight-cost-title').toggleClass('cost-active');
        $('.flight-cost-info').slideToggle(300);
    });
так же это реализовано в 2 вариантах (шаблон html и внутри фреймворка symfony) в простом шаблоне html клик отрабатывает четко (только 1 раз) а вот в фреймворке все происходит дважды (то что находил среди ответов - там везде либо label либо инпут были, у меня жеэтого нету). в чем прикол то?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.03.2020, 14:23
Ответы с готовыми решениями:

Всплытие события click
Растолкуйте пожалуйста пример. Если нажать кнопку на главном окне .container, то внутри .container должен появиться блок .content, а если...

Событие click ( 3 разных события на текущий ел.)
При щелчке на любом из наших 4-х картинок , вокруг него должна появляться сплошная рамка в 4px. При этом, если в момент щелчка мышью по...

Перестал работать hover после события click
Друзья, помогите разобраться с возникшей проблемой! 1. Есть 9 картинок-ссылок, первой из которых по умолчанию задан класс active(синяя...

5
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
25.03.2020, 14:29
может в фреймворке, обработчик 2 раза подключается?
0
 Аватар для FreeYourMind
147 / 147 / 104
Регистрация: 13.11.2016
Сообщений: 557
25.03.2020, 15:17  [ТС]
Цитата Сообщение от fanatikus Посмотреть сообщение
обработчик 2 раза подключается?
я об этом тоже думал, но обработчик лежит в отдельном файле и подключается только на эту страницу.. ситуацию спасло прописать обработчик не в удаленном файле а на странице..
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
25.03.2020, 15:36
Цитата Сообщение от FreeYourMind Посмотреть сообщение
но обработчик лежит в отдельном файле и подключается только на эту страницу.
уверены, что один раз подключается?
Цитата Сообщение от FreeYourMind Посмотреть сообщение
ситуацию спасло прописать обработчик не в удаленном файле а на странице
а этим, исключили возможность двойного подключения
0
 Аватар для FreeYourMind
147 / 147 / 104
Регистрация: 13.11.2016
Сообщений: 557
25.03.2020, 15:44  [ТС]
Цитата Сообщение от fanatikus Посмотреть сообщение
уверены, что один раз подключается?
именно на этой странице 100% подключался файл единожди. в случае двойного подключения проблема бы врядли ушла бы
0
Эксперт JS
6496 / 3907 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
25.03.2020, 20:40
FreeYourMind, против лома нет приёма:
JavaScript
1
document.querySelector('.flight-cost-title').onclick =  function() {
И хоть до потери пульса теперь наподключайся.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
25.03.2020, 20:40
Помогаю со студенческими работами здесь

Обработка события 'click', при постоянном нажатии на ссылку
&lt;div class=&quot;dataTables_paginate paging_simple_numbers&quot; id=&quot;DataTables_Table_0_paginate&quot; style=&quot;margin-bottom: 10px; margin-top:...

Отображение соответствующего фона при выполнении события click
Помогите разобраться с проблемой...есть 2 html странички (главная и внутренняя), на главной есть меню при нажатии на пункт меню...

Вызов события click по ссылке не меняет адресную строку браузера
Здравствуйте. &lt;a href=&quot;#s1&quot; id=&quot;a1&quot;&gt;-1-&lt;/a&gt; &lt;br&gt; &lt;a href=&quot;#s2&quot; id=&quot;a2&quot;&gt;-2-&lt;/a&gt; &lt;br&gt; &lt;a href=&quot;#s3&quot; id=&quot;a3&quot;&gt;-3-&lt;/a&gt; &lt;br&gt; ...

Обработка события Click, вставка html после генерации и обработка этого кода
Подскажите пожалуйста как заставить работать эту часть кода 18 строка $(&quot;.image&quot;).click(function() { ...

Нужно при клике, исключить события hover, во. И еще глюки .hover. Отключение .hover в случае активации .click
Нужно при клике, исключить события hover, во. И 1. Глюки .hover: При наведении на блок, к которому он применяется(стрелочка):...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru