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

@Dmitrin · Регистрация: 04.12.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте. Есть 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);
});

@sad67man · 31.10.2016, 22:40

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) {...

чтоб событие не срабатывало при клике на активный элемент

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .