Tenho uma div
com um botão
dentro para fechá-la. À principio, ela está com display: none
, mas ao clicar em uma botão em outra div
, ela se transforma em display: block
.
Preciso arranjar uma forma de quando ela estiver display: block
, e se por incidente clicar em qualquer outra coisa que não seja a div
(ou dentro da div), então, um click
é disparado no botão que a fecha.
Tentei seguinte código:
$(document).on('click', function(e) {
alert($("div.peca").css("display")); //retorna none
if ( $("div.peca").css("display") === "block" ) {
alert($("div.peca").css("display")); //retorna block
$("div.peca button.fechaPeca").trigger("click");
}
});
Porém quando eu clico no botão que a torna display: block
, já vem que ela está display: block
e então acaba fechando automático.
O que fazer neste caso?
Sei que o erro está nessa linha:
$("div.peca button.fechaPeca").trigger("click");
Pois comentei-a e coloquei uma alert
no lugar e funcionou.
Também tentei:
$("div.peca button.fechaPeca").click();
Mesma coisa.
Mas não ideia do porque está ocorrendo este erro. Ou seja, os botões
param de aceitar click
Outro text que fiz foi
$(".fechaPeca").on("click", function() {
$("div.pecaGas").css("display","block");
$("div.peca").css("display","none");
})
substitui por
$(".fechaPeca").on("click", function() {
alert();
})
O alert()
funcionou.
Mas,
$("div.pecaGas").css("display","block");
$("div.peca").css("display","none");
Não funciona quando acesso o
$(".fechaPeca").on("click"
Através de outro click