Tengo varios < span > que creo de manera dinamica con id unicos de la siguiente manera:
<span class="zoom" id="ex'+$contador+'">
por lo que finalmente consigo span con id= ex1, ex2, ex3, ex4 ...etc. esto me funciona bien.
Tambien en mis scripts, tengo un .each y es ahi donde creo mis div de manera dinamica en este punto cuando creo un span, y le agrego un evento. evento.zoom()
de esta manera:
<span class="zoom" id="ex'+$contador+'">
$('#ex1').zoom();
por cada span yo agrego una imagen para obtener el efecto de zoom. las imagenes se ven bien.
si agrego por cada imagen de forma manual, el evento zoom funciona bien.
$('#ex1').zoom();
$('#ex2').zoom();
$('#ex3').zoom();
$('#ex4').zoom();
El efecto funciona bien si agrego el #ex1, 2, 3, de forma manual, el problema es que no se cuantos div se vayan a crear de manera dinamica.
asi que en el .each intenté crear los eventos de forma dinamica de esta manera, pero ninguno me funciona:
let zoom="ex"+contador;
$(zoom).zoom(); // NO ME FUNCIONA
$('#ex'+contador).zoom(); // NO ME FUNCIONA
creo yo que tengo un problema de concatenacion, pero no he podido solucionarlo. como puedo hacer una correcta concatenacion, de manera dinamica? Gracias.
$('.zoom').zoom();
. Por supuesto, también se puede con ID, especificando que el selector comienza conex
, por ejemplo:$('[id^="ex"]').zoom();