Как отменить всплытие события клик на родительском слое?

Question

[Денис]

Здравствуйте. Подскажите, пожалуйста, есть ситуация на планшете сайт tantum-verde.net/when_take.html при клике на одну из колонок появляется зеленая плашка с ссылками, но, если ссылки находятся на месте клика по колонке, то происходит сразу переход по адресу из ссылки. Я знаю, что это происходит из-за так называемого "всплытия-погружения" события. Пытаюсь вычислить чему равно свойство target у объекта события и, если не равно слою- плашке, то return false. Но в таком случае тогда кликая непосредственно по ссылкам, действия по умолчанию уже отменены.

$(".tantum-kak-lechit > ul > li").on("click", function(e) {
        // console.log(e.target);
        if(e.target  != $(this)) {
            return false;
        }
    });

    $(".tantum-kak-lechit > ul > li a").each(function() {
        $(this).on("click", function(e) {
            e.stopPropagation();
            if(e.target == $(this)) {
                window.location.href = $(this).attr("href");
            }
        });
    });

Как в таком случае добиться того, чтобы кликнуть по колонке, появилась сперва зеленая плашка с ссылками, но переход осуществлялся бы потом при клике непосредственно на ссылках?

Answer 1

[Дмитрий Ковальский]

api.jquery.com/event.stoppropagation