Utilizo um plugin jQuery
que gera um menu lateral escondido e ao clicar no botão, o menu surge, deslocando o conteúdo do site para o lado. O problema é que os elementos do site continuam "clicáveis" e o menu não fecha automaticamente se eu clicar fora dele.
Com isso, criei o script abaixo:
$('.wrapp').on('click', function(){
if ( ($('#sidr').is(':visible')) ) {
$(this).click(false);
$.sidr('close', 'sidr');
}
});
A principio, ele deve executar quando clicado em qualquer elemento dentro da div .wrapp
, fechando o menu (id #sidr
) e anulando o possível click alternativo.
Apesar do menu estar fechando direitinho, ainda consigo clicar em qualquer link fora do menu.
Melhor explicação na imagem: