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.