onclick - 我无法让我添加的元素来激活功能

Question

我正在尝试在创建颜色框界面时添加一个链接。它最终将链接到当前显示的图像文件，但现在我只想让 console.log 工作。它正确添加了链接（#print-one），但是单击链接时我无法运行函数。任何帮助将非常感激！

$(document).bind('cbox_complete', function () {
    // Show close button with a delay.
    $('#cboxClose').css('opacity', 1);
    // Add Print Button
    if ($('#print-one').length ) {
        // Do Nothing
    }else {
        $('#cboxNext').after('<a href="javascript:void(0)" id="print-one">Print</a>');
    }
});

$('#print-one').click(function() {
    console.log('Works');
});

这一切都包含在 $(document).ready 函数中。单击链接时，我无法使控制台日志正常工作。我一直在用头撞墙试图弄清楚。谢谢你的帮助！

Answer 1

您需要委托该事件。

$(document).on('click', '#print-one', function(){});

Answer 2

貌似是cbox初始化后才添加链接的，编译器到下面几行的点击绑定函数可能还没准备好。

试试这个：

...
// Add Print Button
if ($('#print-one').length ) {
    // Do Nothing
}else {
    $('<a href="#">Print</a>').insertAfter('#cboxNext').click(function() {
        console.log('Works');
    });
}