Cerra menu haciendo click en cualquier parte de la web

upBeko · 2016-08-19T02:49:15-0500

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

Insertar CODE, HTML o 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 · 2016-08-19T03:03:01-0500

PHP:

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

Enviado desde mi XT1097 mediante Tapatalk

jsstoni · 2016-08-19T03:41:35-0500

Insertar CODE, HTML o PHP:

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

jQuery event.stopPropagation() Method

upBeko · 2016-08-19T03:52:00-0500

[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 · 2016-08-19T03:53:28-0500

upBeko dijo:
[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 · 2016-08-19T04:06:00-0500

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:

Cerra menu haciendo click en cualquier parte de la web

upBeko

kanikase

jsstoni

upBeko

kanikase

upBeko

Temas similares