Jquery 带触发元件的触发动作

我编写了一个小插件来获取元素并将其放入模态盒中。选择元素后，元素将附加到主体，如下所示：

$('body').append(overlay, modal).show();

然而，我只是注意到，当模式中的某个元素被单击或选择时，我似乎无法检测到任何动作

我试过了.on（）和.live（），但都没用

$(document).ready(function() {
    $('#myLink').click(function() {
        $('#myEl').myModal();
    });

    $('#myLink').on('click', function() {
        alert('clicked me!');
    });
});

我错过了什么？

试试：

$(document).ready(function() {
    $(document).on('click', '#myLink', function() {
        alert('clicked me!');
    });
});

理想情况下，您希望在DOM中使用一个比

文档

更靠近元素的选择器，该选择器在文档准备就绪时出现。根据jQuery文档

事件处理程序仅绑定到当前选定的元素；他们 在代码调用.on（）时页上必须存在。 要确保元素存在并且可以选择，请执行事件 在文档就绪处理程序中为 页面上的HTML标记。如果新的HTML被注入到页面中， 选择元素并在创建新HTML后附加事件处理程序 放入页面中