lightcase插件不首先點擊工作附加元素上，而在第二次點擊

Question

工作，我使用lightcase2.1.0插件，我追加了一些錨標記爲UL和調用lightcase功能如下

 

$('.master_playlist').append("a href='https://www.youtube.com/embed/jt0QvqKVd_o' id='songbtn' data-rel='lightcase:myCollection'>"); 

(Note: not able to write complete anchor tag here but all attributes are there) 

$(document).on('click','a[data-rel^=lightcase]', function(e) { 

    $('a[data-rel^=lightcase]').lightcase(); 
    e.preventDefault(); 
}); 

的給出問題是加載頁面後，當我第一次點擊任何錨點標記時，它不會發生任何事情，但是當我第二次點擊它的任何錨點標記時，它會起作用。任何人都可以幫助我理解它爲什麼會發生，以及它的解決方案。

Answer 1

有同樣的問題。通過手動觸發燈箱來解決這個問題：

$('body').on('click', 'a[data-rel^=lightcase]', function(e) { 
    var href = $(this).attr('href'); 
    lightcase.start({ 
     href: href 
    }); 
    e.preventDefault(); 
});