0

私は lightcase2.1.0 プラグインを使用しています。いくつかのアンカー タグを ul に追加し、以下のように lightcase 関数を呼び出します。

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

(注: ここに完全なアンカー タグを記述することはできませんが、すべての属性がそこにあります)

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

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

問題は、アンカー タグを初めてクリックしたときにページを読み込んだ後、何も起こらないが、アンカー タグを 2 回目にクリックすると機能することです。なぜそれが起こっているのか、そしてその解決策は何かを理解するのを手伝ってくれる人なら誰でもできます。

4

1 に答える 1

0

同じ問題がありました。ライトケースを手動でトリガーすることでこれを回避しました：

$('body').on('click', 'a[data-rel^=lightcase]', function(e) {
    var href = $(this).attr('href');
    lightcase.start({
        href: href
    });
    e.preventDefault();
});
于 2016-02-24T16:05:00.630 に答える