Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/10/2012, 21:13
mainernunez
 
Fecha de Ingreso: octubre-2012
Ubicación: Santiago, Chile
Mensajes: 2
Antigüedad: 12 años, 1 mes
Puntos: 0
Pregunta problemas con jquery.on("click") en un <li>

Estimados que tal buen dia.

tengo la siguiente estructura de un arbol creado con <li> y <ul>:

Arbol
---carpeta1
------subcarpeta1
---------elemento1
---------elemento2
subcarpeta1
carpera2
------subcarpeta1

los elementos1 y elemento2 estan dentro de un div, este contenido corresponden a un codigo html que lo cargo con jquery-ajax, y se carga al hacer un click sobre el <li> de la subcarpeta1, usando la siguiente funcion:


Código:
$(document).ready(function () {
	    $('.contenedor').on("click", function () {
	        var sParametros = $(this).attr("id");
	        var aParametros = sParametros.split("®");
	        if ($('#contenedor' + sParametros).html() == "") {
	            $('.contenedor').empty();
	            $.post('../Cuenta/AsignaCuentasInforme', { idInforme: aParametros[0], idInformeGrupo: aParametros[1] }
	                , function (data) {
	                    //Chequear opcionalmente el tamaño de la respuesta:
	                    if (data.length > 0) {
	                        $('#contenedor' + sParametros).html(data);
	                    }
	                }
	            );
	        } else { $('#contenedor' + sParametros).empty(); }
	    });
	});
el problema es que al hacer un click sobre el contenido cargado de se vuelve a ejecutar esta funcion por ende se vuelve a cargar el contenido por jquery

como puedo resolver este problema?

muchas gracias.