html - Thymeleaf:在 data-slide-to 属性中使用索引时,动态轮播不会链接到相关 slider ?

标签 html for-loop carousel thymeleaf

我正在使用 Thymeleaf th:each 循环生成动态轮播,如下所示。

指标生成准确,但我分配给 data-slide-to 属性的值不起作用。因此我无法将 slider 与指示器链接起来。

<ol class="carousel-indicators">
    <th:block th:each="deal, rowStat : ${sliderDeals}">
        <li data-target="#myCarousel" data-slide-to="${rowStat.index}" class=""></li>
    </th:block>
</ol>

单击指示器时,它不会滑动到任何滑动图像。但指标的生成与滑动图像的数量相关。

谁能弄清楚这里出了什么问题吗?

最佳答案

在 Thymeleaf 中,任何自定义属性都需要生成为:th:attr="data-slide-to=${rowStat.index}"

关于html - Thymeleaf:在 data-slide-to 属性中使用索引时,动态轮播不会链接到相关 slider ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47133858/

相关文章:

javascript - 使用javascript输出html

javascript - YouTube 视频的播放速度控制? HTML5?

ruby - 使 for X in Y 循环返回它包含的语句返回的任何内容

c++ - 随机数生成器碰撞测试中的碰撞太多

jquery - Jquery 轮播中的图像对 CSS :hover 没有反应

jquery - 带轮播的脚本 Jquery slider

javascript - Owl Carousel 2随机功能

php - 我可以将帖子缩略图放在 WordPress 中的帖子旁边吗? (主题)

javascript - 如何在悬停时添加下拉菜单?

c# - 使用 C# 将两个循环转换为单个 LINQ 查询