No funciona correctamente el evento click cuando tengo que escuchar a varios selectores, funciona correctamente solo la primera vez, luego no funciona el evento (no logre encontrara información relacionada en Internet).
Tengo un arbol con treeview generado desde la base de datos (arbol de cuentas contables) se genera como un elemento lista (<ul> <li>
) y necesito seleccionar uno de estos elementos con el evento click , funciona solo la primera seleccion. esta ventana se abre desde una ventana Modal.
EL codigo que esta en $(document).ready()
$('#treeview ul li').click(function(){
var datos = $(this).text();
console.log(datos);
$('#modal_cuentas_contables').modal("hide");
});
Y este es parte del codigo de la venta modal (La lista):
<div id="treeview" class="treeview">
<ul class="list-group">
<li class="list-group-item node-treeview" data-nodeid="0" style="color:undefined;background-color:undefined;">
<span class="icon expand-icon glyphicon glyphicon-minus"></span>
<span class="icon node-icon"></span>1-ACTIVO
</li>
<li class="list-group-item node-treeview" data-nodeid="1" style="color:undefined;background-color:undefined;">
<span class="indent"></span>
<span class="icon expand-icon glyphicon glyphicon-minus"></span>
<span class="icon node-icon"></span>1.1-Activo Corriente - Circulante
</li>
<li class="list-group-item node-treeview" data-nodeid="2" style="color:undefined;background-color:undefined;">
<span class="indent"></span>
<span class="indent"></span>
<span class="icon expand-icon glyphicon glyphicon-minus"></span>
<span class="icon node-icon"></span>1.1.1-Disponible
</li>
EL codigo compelto de la lista a buscar es:
<div id="treeview" class="treeview">
<ul class="list-group">
<li class="list-group-item node-treeview" data-nodeid="0" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-minus"></span><span class="icon node-icon"></span>1-ACTIVO</li>
<li class="list-group-item node-treeview" data-nodeid="1" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>1.1-Activo Corriente - Circulante</li>
<li class="list-group-item node-treeview" data-nodeid="30" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>1.2-Activo No Corriente - No Circulante</li>
<li class="list-group-item node-treeview" data-nodeid="46" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-minus"></span><span class="icon node-icon"></span>2-PASIVO CAPITAL Y PATRIMONIO</li>
<li class="list-group-item node-treeview" data-nodeid="47" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>2.1-Pasivo Corriente</li>
<li class="list-group-item node-treeview node-selected" data-nodeid="61" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>2.2-Pasivo No Corriente</li>
<li class="list-group-item node-treeview" data-nodeid="63" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon glyphicon"></span><span class="icon node-icon"></span>2.3-Patrimonio o Capital Contable (Capital)</li>
<li class="list-group-item node-treeview" data-nodeid="64" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-minus"></span><span class="icon node-icon"></span>3-INGRESOS - GANANCIA</li>
<li class="list-group-item node-treeview" data-nodeid="65" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>3.1-Ingresos Ordinarios - Ganancias</li>
<li class="list-group-item node-treeview" data-nodeid="71" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>3.2-Costos de Mercaderia Vendida - Perdidas</li>
<li class="list-group-item node-treeview" data-nodeid="76" style="color:undefined;background-color:undefined;"><span class="indent"></span><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>3.3-Gastos Operativos - Perdidas</li>
</ul>
El codigo del script es:
<script>
$(document).ready(function() {
$('#treeview ul li').click(function(){
console.log('presiono');
//var datos = $(this).data('nodeid');
var datos = $(this).text();
datos = datos.substring(0,datos.indexOf("-"));
console.log(datos);
});
});