Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
1

Наложение элементов и событие click

31.10.2016, 17:55. Показов 848. Ответов 1
Метки нет (Все метки)

Здравствуйте. Есть 2 элемента. Один содержит другой (см рисунок). Оба элемента имеют событие клика. Так вот, при клике на крестик срабатывает и клик на сам блок, поэтому элемент сразу же появляется. Как решить эту проблему грамотнее?

HTML5
1
2
3
4
                <div class="item_sert shadow_right">
                    <div class="close_item"></div>
                    <img src="/img/sert_big_1.png">
                </div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
$(".close_item").on('click', function(event) {
    $(".close_item, .sertif_new .wrapper_text").fadeOut(0);
    $(".item_sert").removeClass('active');
});
 
$(".item_sert").on('click', function(event) {
    $(".close_item, .sertif_new .wrapper_text").fadeOut(0);
    $(".item_sert").removeClass('active');
    $(this).addClass('active');
    $(this).children('.close_item').fadeIn(0);
    $(this).next().fadeIn(300);
});
Миниатюры
Наложение элементов и событие click   Наложение элементов и событие click  
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
31.10.2016, 17:55
Ответы с готовыми решениями:

Не работает событие click для элементов полученных через аякс
Всем привет! Такая проблема - по нажатию на ссылку срабатывает скрипт. Выборку делаю по классу...

Как обработать событие click и событие нажития стрелки?
Допустим есть кнопка влево-вправо для горизонтального листания товаров. Как нужно кроссбраузерно...

Событие click()
Дело такое, есть блок див1 на котором навешено событие клик, а в этом блоке есть еще один блок...

Событие click
Есть одна проблемма, есть код $('#stat_edit').click(function(){ var or_text =...

1
1443 / 970 / 511
Регистрация: 23.08.2015
Сообщений: 2,513
31.10.2016, 22:40 2
Dmitrin,
Javascript
1
2
3
4
5
$(".close_item").on('click', function(event) {
    $(".close_item, .sertif_new .wrapper_text").fadeOut(0);
    $(".item_sert").removeClass('active');
    return false;
});
Добавлено через 5 минут
Можно еще добавить
Javascript
1
$(".item_sert").on('click', ':not(.active)',function(event) {...
чтоб событие не срабатывало при клике на активный элемент
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.10.2016, 22:40

Событие click
Здравствуйте, начал не так давно работать с ajax, вчера делал добавление в базу без перезагрузки ....

Событие click
В общем в JS я вообще новичок, потому прошу помощи. Существует вот такой скрипт: &lt;script...

Не работает событие click()
Здравствуйте. Написал скрипт с использованием AJAX. Суть скрипта заключается в том, чтобы выводить...

Событие click. Кроссбраузерность
Здравствуйте. Наткнулся на такую проблему. Есть вып. список: &lt;select id=&quot;Type&quot;&gt; &lt;option...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru