我目前正在为Typo3编写基于Swiper的滑块内容元素。我使用vhs Asset Viewhelper脚本,该脚本将其他JavaScript代码注入页面。例如,用于创建不同配置的滑块实例。为了使多个滑块接受不同的配置,它们需要一个唯一的名称。我可以方便地使用流体变量中内容项{contentObject.uid}的ID。当我在页面上创建2个不同的滑块时,仅使用最后一个{contentObject.uid}。这是错误还是我该如何解决?
这个ist是我想尝试...
v:asset.script standalone="0" fluid="0" name="SliderJs{contentObject.uid}" overwrite="0" namedChunks="0">
var swiper= new Swiper('.sc-{ontentObject.uid}', {
speed: 3000,
parallax: false,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</v:asset.script>
...这是输出。
var swiper= new Swiper('.sc-288', {
speed: 3000,
parallax: false,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var swiper= new Swiper('.sc-288', {
speed: 3000,
parallax: false,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
第一个ID应该是sc-287。 有想法吗?