首页 > 解决方案 > 是否可以使用 JQuery 附加 ThymeLeaf 属性,例如 th:href

问题描述

从我读过的帖子来看,似乎不可能使用 jquery 附加/前置一个 thymeleaf 属性,如下所示。但我想知道是否有任何解决办法。如果是这样,如果您能具体说明如何,我将不胜感激。

例如,我有下面的代码,但它不起作用,因为 ThymeLeaf 是在服务器上编译的,而 jquery 是在客户端处理的。

有没有解决的办法?

这是代码:

$("#friend_table_body").prepend('<tr>

<td th:id="'+name+'"><a class="ref" th:text="'+name+'" th:href="@{/friends/getfriendprofilepage/{uniqueName}(uniqueName = '+name+')}"></a></td>
                
<td th:text="'+email+'"></td>
                
<td th:text="'+numNotes+'"></td></tr>');

详细说明我为什么要这样做:

我在 Web 应用程序中有一个表格,显示登录的用户朋友(左)。登录用户可以通过在应用程序的搜索栏中搜索好友来添加/删除好友。下面的屏幕截图可能会有所帮助。

在此处输入图像描述

当用户在右侧搜索栏中搜索朋友并通过单击心形图标添加他们时,在使用 ajax 获取必要的数据后,我使用 jquery 在表中添加一行。

问题是该行包含 th:href 等 thymeleaf 属性。例如,当登录用户单击表中的朋友姓名时,它会将用户带到朋友的个人资料页面。

但是,当以这种方式附加/附加 jquery 时,thymeleaf 属性似乎不起作用。

非常感谢一些帮助。

谢谢

标签: javascriptjquerythymeleaf

解决方案


推荐阅读