événement Click ne se déclenche pas pour le bouton dans Lightbox2 légende

Question

J'ai ajouté un bouton de sous-titrer Lightbox2:

<a href="link-to-img" data-lightbox="gallery" data-title=" 
    <div class='popup-button-container'> 
    <button class='order-button'>Order now</button> 
    </div>"><img src="img.jpg"> 
</a> 

Le bouton est vsible mais lorsque je tente de faire fonctionner onclick, il ne fonctionne pas:

$(document).on("click", ".order-button", function(e){ 
    e.preventDefault(); 
    console.log('Button clicked'); 
    $('#popup1').bPopup({ 
     speed: 850, 
     transition: 'slideDown', 
     modalColor: '#000000', 
     opacity: 0.5 
    }); 
    return false; 
}); 

Le même code fonctionne pour tout élément de classe order-button en dehors du contenu de la visionneuse.

Answer 1

<a href="link-to-img" data-lightbox="gallery" data-title=" 
    <div class='popup-button-container'> 
    <button class='order-button'>Order now</button> 
    </div>"><img src="img.jpg"> 
</a> 

Vous écrivez ci-dessous le code est données titre.

<div class='popup-button-container'> 
     <button class='order-button'>Order now</button> 
     </div> 

qui est rendu après

$ (document) .on.

donc nous assignons l'événement lorsque la visionneuse a été rendu i.e. titre est rendu