如果锚点在 Javascript 内，我无法打开灯箱

Question

I have a problem. I'm using the "Venobox" plugin, in order to use a modal window when the user wants to see the image on its original size.

In HTML (the common way) this works well, I can open images or html code:

<a class="venobox" data-type="iframe" href="acercade.php">

But when it comes about using this code on javascript (I'm using it with a Leaflet map), this no longer works.

var liga = '<a class="venobox" href="' + enlace + '" target="_blank"><div class="imagen"><img src="' + enlace + '" width="450"></div>';

L.marker([object.get('Latitud'),object.get('Longitud') ], {icon: FaltaDeAguaIcon}).bindPopup(' <p><span class="grande"> ' + object.get('Tipo_Reporte') + ' </span></p><p>Fecha: ' + object.get('Fecha') + ' </p><p>Hora: ' + object.get('Hora') + liga + '<p>Comentarios:<br /> ' + noundefined(object.get('Comentario')) + '</p>').addTo(FaltadeAgua).addTo(todos);

What can I do if I want to open the image in the window with the anchor inside the Javascript?

Thanks

Answer 1

I solved mine using this:

$('#div').append(
//html to append
//then add this:
                    new VenoBox({
                        selector: '.venobox',
                        titleattr: 'title',
                        titlePosition: 'bottom',
                        numeration: true,
                        infinigall: true,
                        share: true,
                        spinner: 'swing'
                    });
)