How to stop parent div trigger while clicking child div

Question

How to stop parent event trigger while clicking child event?

CODE:

$('body').on('click', 'cs-placeholder', function(e) {
    //* Disable dropdown in modals that aren't contacts
    if( $(e.target).parents(".modal").length === 0 || $(e.target).parents("#contact").length === 1 ) {
        if($(this).hasClass('active')) {
            alert('close');
            $(this).removeClass('active');
        }
    } else {
        alert('open');
        $('.cs-placeholder').removeClass('active');
        $(this).toggleClass('active');
    }
}

Use `e.stopPropagation()` inside child click handler. – Mohammad Usman Sep 15 '17 at 12:16 — Mohammad Usman, Sep 15 '17 at 12:16
Post your code, not a picture of your code. – Chris H Sep 15 '17 at 12:36 — Chris H, Sep 15 '17 at 12:36

score 0 · Answer 1 · answered Sep 15 '17 at 12:28

0

$("body").on('click', '.cs-placeholder', function(e) {
    e.stopPropagation();
});

If you want to read more on .stopPropagation().

answered Sep 15 '17 at 12:28

How to stop parent div trigger while clicking child div

1 Answers1