ライトボックス内のスパンが機能しない

Question

CodePenデモを追加しました

閉じるボタンをクリックしたときにライトボックスを閉じるようにしようとしています。現在、ライトボックスは、バックグラウンドでのみクローズ機能を「閉じる」またはトリガーします。

私が間違っていることがわかりません。

$('.lightbox-item > .close-button') 
$('.lightbox-item .close-button') 
$('.close-button') 

Answer 1

divライトボックス項目があるので、あなたが$(document).on('click', '.lightbox-item .close-button', function(){ closeLightbox(); });を使用して、ドキュメント上のクリックイベントをバインドする必要があります。これまでのところ、私はクローズ機能を起動していないこれらのslectorsを試してみました

CodePen Demo

あなたのコードの最後に$('.lightbot-item .close-button').click(function(){ closeLightbox(); });を実行すると空です。

openLightboxのコンテンツを追加した後にclickイベントをバインドすることもできます。これは次のようになります

$(".lightbox-item").append(content); 
$('.lightbox-item .close-button').click(function(){ closeLightbox(); }); 

最初の解決方法を使用してpenのフォークを作成しました。