Impedir clique no elemento pai

jQuery

17/01/2017

Olá pessoal, eu tenho um elemento que uso como o fundo de um "modal" e ele encapsula o próprio "modal", eu coloquei um evento de clique nesse fundo para fechar esse "modal", o que acontece é que se eu clicar em qualquer elemento filho, eu disparo o evento de clique do fundo.

Como eu faço para parar esse comportamento?
Marcus Holloways

Marcus Holloways

Curtidas 0

Respostas

Eduardo Chaves

Eduardo Chaves

17/01/2017

Olá Marcus, bom dia.
Poderia informar o seu código para poder dar uma olhada ?
assim ficará mais Fácil te ajudar.

um abraço.
GOSTEI 0
Marcus Holloways

Marcus Holloways

17/01/2017

Opa Duhsoares21, o meu código está assim:

<div class="modal-bg active">
    <div class="modal-block">
        <p>mensagem</p>
        <i class="fa fa-close" class="btn-modal-close"></i>
        <button class="btn-modal-ok">Ok</button>
    </div>
</div>

<script>
    $(document).ready(function(){
        $(".modal-bg").click(function(){
            $(this).removeClass("active");
        });

        $(".btn-modal-close").click(function(){
            $(this).closest(".modal-bg").removeClass("active");
        });

        $(".btn-modal-ok").click(function(){
            alert($(this).closest(".modal-block p").text());
        });
    });
</script>


Obrigado.
GOSTEI 0
POSTAR