Fechar menu clicando em qualquer parte do site

upBeko · 19/08/2016

Tengo un código de un menu con js y css, lo que quiero es que el menu se cierre haciendo cuando se haga click fuera del menu-drop

Mi código es esto: Funciona bien, solo me falta la función de cerrar cuando se haga click fuera del drop

Inserir CODE, HTML ou PHP:

$(document).ready(main);
var contador = 1;
		 
function main(){
	$('.menudrop').click(function(){
		// $('nav').toggle(); 
		if(contador == 1){
			$('.drop').animate({
				left: '0'				
			});
			contador = 0;
		} else {
			contador = 1;
			$('.drop').animate({
				left: '-100%'
			});

		}
	});

};

HTML:

<div class="menudrop">
			<a href="#" class="bt-menu">
			
			<span> Menu</span>
			</i>
			</a>
		</div>
		<div class="drop">

			<ul>
				<li><a href="#"><span class="icon-house"></span>Inicio</a></li>
				<li><a href="#"><span class="icon-suitcase"></span>Trabajos</a></li>
			</ul>
		</div>

Por favor si alguien me hecha un cable, estaré muy agradecido.🙄🙂

kanikase · 19/08/2016

PHP:

$(document).on("click", function(){...});

Enviado desde mi XT1097 mediante Tapatalk

jsstoni · 19/08/2016

Inserir CODE, HTML ou PHP:

$(function() {
	$(".menudrop").click(function(event){
		event.stopPropagation();
		alert("no hide");
	});
	$(document).click(function(event){
	    $(".menudrop").hide();
	});
});

jQuery event.stopPropagation() Method

upBeko · 19/08/2016

[MENTION=81006]kanikase[/MENTION] gracias por responder, sinceramente soy novato en JS, pero eh probando la manera de que funcione y nada, exactamente cómo puedo acoplarlos el código que me mostraste, gracias y disculpa por ignorancia en este tema.

kanikase · 19/08/2016

upBeko disse:
[MENTION=81006]kanikase[/MENTION] gracias por responder, sinceramente soy novato en JS, pero eh probando la manera de que funcione y nada, exactamente cómo puedo acoplarlos el código que me mostraste, gracias y disculpa por ignorancia en este tema.

Sólo cambia los ... Por la función que cierran el menú XD aunque hace falta algo más... Ya que al dar click al menú, también se está dando click al "document" entonces hay que verificar, que cuando se dé click al document el mouse esté fuera del menú para que no se cierre 🙂

Enviado desde mi XT1097 mediante Tapatalk

upBeko · 19/08/2016

La idea en si es igual al de Genbeta.com, el mio tiene el efecto de abrirse y cerrar siempre en cuando que le doy click sobre el DIV:

HTML:

<div class="menudrop">
						
<span> Menu</span>

</div>

Si le doy a otra parte no se cierra.:ambivalence::grumpy:

Fechar menu clicando em qualquer parte do site

upBeko

kanikase

jsstoni

upBeko

kanikase

upBeko

Tópicos similares