如何防止使用v:asset.script Viewhelper覆盖流体变量?

时间:2019-03-30 08:28:10

标签: typo3 fluid

我目前正在为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。 有想法吗?

0 个答案:

没有答案