Javascript thymeleaf中未触发嵌套懒散负载

我使用lazyload是为了在通过springboot获取thymeleaf片段时显示加载消息。它在第一级工作正常，但是当我获取的片段中有另一个懒散负载时，第二个就不会被触发

我的懒散电话如下所示：

<div th:fragment="fragment1">
  <!-- THIS WORKS -->
  <div data-toggle="lazyload" th:attr="data-url=@{'/loadFragment2'}">
    <div style="text-align:center">
      <span class="text-muted"> loading fragment2... </span>
    </div>
  </div>
</div>

<div th:fragment="fragment2">
  <div>
    <!-- some content here -->
  </div>
  <!-- THIS DOESN'T TRIGGER THE SPRING BOOT ENDPOINT -->
  <div data-toggle="lazyload" th:attr="data-url=@{'/loadFragment3'}">
    <div style="text-align:center">
      <span class="text-muted"> loading fragment3... </span>
    </div>
  </div>
</div>

正在加载碎片2。。。
正在加载碎片3。。。

网站停留在“loading fragment3…”消息中，并且在后端从未触发/loadFragment3端点

是我做错了什么，还是lazyload不支持