Javascript JQuery单击事件在Thymeleaf上不起作用

我正在使用Spring Boot开发一个站点。我有一个元素列表，每个元素都有一个链接。我想在按下链接时调用javascript函数。 我有这个密码

/**/

productsList有5个元素，所以当我加载页面时，它会打印“Log1”五次，但是当我点击链接时，打印“Log2”的功能不起作用

---

有人能帮我吗。我快疯了…

使用类选择器

$（'.ClassName'）为锚元素和附加事件处理程序分配一个公共类，即
productBuyButton
。

$（“.productBuyButton”）。单击（函数（）{
console.log（this.id）；
//此处“this”指调用事件处理程序的元素
});

---

---

如果要保留现有代码，请将选择器更改为

$（'#buyButton${product.id}'）

您可以在浏览器中查看JavaScript代码thymeleaf是如何呈现的吗？是的。我检查它，我可以看到脚本块。选择器为OK#buyButton1、#buyButton2等。。。这不是thymeleaf解析错误。这太奇怪了。我也在网络选项卡上记录了这些动作，但是点击事件没有被触发

<div class="col-sm-4" th:each="product : ${productsList}">
  <!-- Code... -->
  <a class="productBuyButton" th:id="${'buyButton' + product.id}" <!-- rest of attributes -->></a>
  <!-- More code... -->

</div>

<script th:inline="javascript">
      $(".productBuyButton").click(function() {
        console.log(this.id);
        //Here `this` refers to element which invoked the event handler
      });
</script>