Detectar inicio táctil en el cuerpo, pero no mi navegación

Tengo un menu

Quiero crear un disparador para tabletas, donde si el usuario toca en cualquier parte de la pantalla, colapsará mi navegación secundaria. Excepto que quiero que el usuario pueda hacer clic en cualquier lugar dentro de la navegación sin activar closeMenu();

Lo intenté:

$('#main-container').not('.menu').live('touchstart click', function(){
    closeMenu();
}

Dónde .menu parece:

<div id="container">
<ul>
   <li>   
     <div class="menu">
       <a class="menu-links" href="#">Menu List 1</a>
       <ul>
          <li><label><input type="radio" checked="checked" />All</label></li>
          <li><label><input type="checkbox" />Option 1</label></li>
          <li><label><input type="checkbox" />Option 2</label></li>
          <li><label><input type="checkbox" />Option 3</label></li>
       </ul>
     </div>
    </li>
    <li>
      ....more of the same
    </li>
 </ul>

Hay varios casos de .menu, que cada uno vive en un <li>.

Lo que termina sucediendo es que me permite hacer clic en '.menu-links', pero cuando hago clic en cualquier opción, se comporta como si hubiera hecho clic en #main-containery closeMenu() se inicia.

preguntado el 12 de junio de 12 a las 21:06

+1. para una primera pregunta fue excelente! solo falta el #main-container en el HTML. -

Stack Overflow se ha convertido en un recurso increíble. Sentí que era importante asegurarme de posicionar la pregunta de manera correcta y efectiva. Gracias por los comentarios @gdoron. -

No hay problema, por cierto, ¿te ayudó mi respuesta o todavía tienes dificultades? -

0 Respuestas

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.