如何在 html 网站的 css 内提供数据自动播放属性

Question

我有一个 wordpress 网站，主页上有一个来自某个小部件的滑块，滑块是静态的，当我检查该元素时它显示如下所示：

<div class="swiper-container services-slider swiper-container-initialized swiper-container-horizontal" data-cols="3" data-autoplay="0">
                

现在我想让滑块自动播放，因为我无法编辑滑块的代码我正试图在网站的头部放置一些 css 以便滑块播放，如何我可以在 css 中添加自动播放属性吗，请帮忙，在此先感谢

Answer 1

对于jquery，如果滑块选项尚未从数据属性中呈现，类似这样的方法可能会起作用

$('.swiper-container').data('autoplay', 1)

或者

$('.swiper-container').attr('data-autoplay', 1)

准备就绪

(function($){

  $(document).ready(function(){
      $('.swiper-container').attr('data-autoplay', 1)
  });


})(jQuery);