Hola
Tengo un código similar a este en mi página
Código HTML:
<div id="principal">
<article>
<div id="content">
<ul id="rootList">
<li><div class="folder" [...] > [...] </div></li>
<li><div class="folder" [...] > [...] </div></li>
<li><div class="file" [...] > [...] </div></li>
</ul>
</div><!-- content -->
</article>
</div>
Necesito aplicar detección de eventos (click, dobleclick, ... el evento es lo de menos) a los nodos de la lista rootList (los div class = folder o div class = file).. Para esto ya tengo hecho el selector
El problema es que necesito capturar otro evento diferente en la lista "rootList" al hacer click, doble click... FUERA de los elementos que contiene la lista.
Les tengo puesto display: inline en el CSS, de modo que los huecos que quedan a la derecha de cada item de la lista, quedan "vacíos".
Al seleccionar la lista y anular del selector jQuery los hijos, el selector queda vacío, pues no hay "nada" en esos huecos
¿Cómo puedo seleccionar el hueco para aplicarles el evento de la lista general, sin que me anule los eventos de los items individuales?
Espero que se haya entendido, gracias.