Tengo el siguiente script jQuery que necesito ejecutar para una larga lista de objetos.
$("#ID_001").change(function(event) { event.preventDefault(); if(map.hasLayer(ID_001)) { $(this).removeClass('selected'); map.removeLayer(ID_001); } else { map.addLayer(ID_001); $(this).addClass('selected'); } });Que he hecho
Utilizando el siguiente recurso:
No creo que esta sea una pregunta duplicada de la anterior, ya que incluye una función de controlador de eventos.
He escrito el siguiente ciclo pero esto todavía no funciona. No puedo entender dónde está el problema.
var obj = { "#ID_001": "ID_001", "#ID_002": "ID_001" }; $.each( obj, function( key, value ) { $(key).change(function(event) { event.preventDefault(); if(map.hasLayer(value)) { $(this).removeClass('selected'); map.removeLayer(value); } else { map.addLayer(value); $(this).addClass('selected'); } }); });¿Alguien puede explicarme dónde está el problema?
Más detalles
El script es parte de los botones de control del mapa LeafLet. Chrome DevTool muestra este mensaje de error cuando hago clic en el elemento #ID_001 , por lo que creo que el problema es que la variable de value no obtiene el valor adecuado.
TypeError no detectado: no se puede crear la propiedad '_leaflet_id' en la cadena 'L_puntiA' en m (Util.js:56) en i.hasLayer (Layer.js:211) en HTMLInputElement. (mymap_main.js:103) en HTMLInputElement.dispatch (jquery-3.3.1.slim.min.js:2) en HTMLInputElement.v.handle (jquery-3.3.1.slim.min.js:2)
Como se solucionó en el comentario, su problema es que define los objetos con cadenas en lugar de variables.
En vez de:
var obj = { "#ID_001": "ID_001", "#ID_002": "ID_001" };Usar:
var obj = { "#ID_001": ID_001, "#ID_002": ID_002 };