百里香中未触发嵌套的lazyload

问题描述

我正在使用lazyload来显示加载消息，同时通过弹簧启动获取百里香叶片段。它在第一个级别上运行良好，但是当我正在获取的片段中又有一个惰性加载时，第二个就不会触发。

我的lazyload调用看起来像这样：

<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>

网站停留在“正在加载Fragment3 ...”消息，并且/ loadFragment3端点永远不会在后端触发。

我是在做错什么，还是lazyload不支持此操作？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript lazy-loading thymeleaf