jquery - jQuery：单击事件问题（我不会删除新添加的元素）

Question

我在单击事件时遇到了一些问题，如果用户单击链接，它将在正文中附加一个框，如果用户单击框内的链接，它应该删除该框，但我没有。如果我将框附加到单击事件之外，它可以工作，但这不是我想要的。我正在做一些愚蠢的事情，我只知道它，但我似乎看不到什么。

// 在插件包装器中

    var obj = $(this);

    obj.click(function(e){

        $(body).append('<div id="thebox"><a href="#" id="thelink">a link</a></div>');

        e.preventDefault();
    });

    $('#thelink').on('click',$(this),(function(e){

        $('#thebox').remove()

        e.preventDefault();
    });

Answer 1

$('#thelink').on('click',$(this),(function(e){

        $('#thebox').remove()

        e.preventDefault();
    });

应该看起来像：

$('body').on('click','#thelink',(function(e){

        $('#thebox').remove()

        e.preventDefault();
    });