JQuery HTML方法中的HTML代码不起作用（它显示内容，但javascript调用不起作用）

首先，我仍在学习javascript和AJAX，所以您可以随意说：）

我真的不明白为什么会发生这种情况：我有一个Ajax函数工作得很好，但是如果我发布html内容来再次调用它，Ajax函数将无法在它以前发布的内容中工作

下面是html代码：

<div id="left-content">
<a class="clickme" value="1"> Option 1</a>
</div>

选择1

这是我的职责

(function($) {
$('.clickme').click(function() {
    $.ajax({
        url: options.ajaxurl,
        method: "POST",
        data: {
            "action": "filter",
            "selection": $(this).attr('value')
        },
        beforeSend: function() {
            $('#left-content').html("Loading...");

        },
        success: function(data) {
                let html=``;
                html+=`<a class="clickme" value="1">
                Option 1 again
                </a>`:
                $("#left-content").html(html);
        },
        error: function(error) {
            console.log(error)
        }
    })
})
})(jQuery);

（函数（$）{
$（'.clickme'）。单击（函数（）{
$.ajax({
url:options.ajaxurl，
方法：“张贴”，
数据：{
“操作”：“过滤器”，
“选择”：$（this.attr（'value'））
},
beforeSend:function（）{
$（“#左内容”）.html（“加载…”）；
},
成功：功能（数据）{
让html=``；
html+=`
选择1
`:
$（“#左内容”）.html（html）；
},
错误：函数（错误）{
console.log（错误）
}
})
})
})（jQuery）；

所以我点击选项1后得到的是

<div id="left-content">
<a class="clickme" value="1"> Option 1 again</a>
</div>

选择1

但是如果我单击此按钮，它现在将不起作用：（.

我想我看到了问题： 在ajax对象的数据属性中，将选择设置为

   selection": $(this).attr('value')

锚定标记没有value属性，它有val。将val重命名为value应该可以工作

    <a class="clickme" value="1"> Option 1 again</a>

再次选择选项1

每次将事件插入DOM时，您都应该订阅事件的新元素。谢谢您的回答，但您能说得更具体一点吗？我在这方面比较新，所以有很多东西我还没有得到：（您是否从ajax请求中获取数据？这段代码

成功：函数（数据）{

是的！我刚刚删除了我使用数据的整个部分，因为主要问题只来自指定的“clickme”和“value”部分。对不起，这个val只是一个输入错误（我的代码的value属性写得很好）。我将编辑这个问题，非常感谢您的帮助：）