javascript - jQuery不选择元素(Wordpress)

我正在为Wordpress使用“插入页眉和页脚”插件，并且尝试嵌入一些JavaScript代码以响应用户的操作。

这是我尝试过的简单代码:

$("a#newsLetter").click(function() {
    alert("element was clicked");
});

我也尝试过:

$( "#newsLetter" ).on( "click", function() {
  alert("element was clicked");
});

即使我知道已加载并包含了jQuery，但两者均无法正常工作(我执行了一个简单的测试，并在页面加载时提醒一些消息)

这是检查器中显示的标签:

<a href="#" class="elementor-button-link elementor-button elementor-size-xl" role="button" id="newsLetter">

谢谢。

编辑:
这就是我包含jQuery的方式

最佳答案

使用三个参数形式，它适用于在添加单击处理程序之后添加的元素:

$( document.body ).on( "click", "#newsLetter", function() {
  alert("element was clicked");
});