ClickイベントがLightbox2キャプション

Question

でボタンのために発射されていない私は、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> 

ボタンがvsibleですが、私はonclickの機能をしようとするとき、それは動作しません。

$(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; 
}); 

同じコードは、ライトボックスの内容の外側にあるorder-buttonクラスのすべての要素で機能します。

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> 

以下のコードはdata-titleです。

$（文書）.on後にレンダリングされている

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

。

ライトボックスがレンダリングされたとき、あなたはすなわちタイトル