Question

Я использую lightcase2.1.0 плагин, я добавляя некоторые якорные теги в мкл и вызывая 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(); 
});