thymeleaf与js执行顺序问题
-
问题描述
在使用thymeleaf向页面传值时,如果html页面中还写了js或者jquery来对传入的值进行操作的时候,我们会发现,通常页面无法成功进行想要的操作。 -
解决方案
通过多次试验,发现是因为js或者jquery的执行顺序的优先级比thymeleaf高,thymeleaf总是会慢于js以及jquery,因此在外面还未将数据传递过来时,就已经执行了js或者jquery代码,这样我们无法再对传过来的数据进行操作。
该如何解决呢?我使用的是js的setTimeout()方法,通过此方法,来延迟js的执行时间,让thymeleaf有足够的时间进行页面的数据渲染,之后时间到了,js代码自动生效,对已经渲染好的数据进行相关操作。