时间戳

首页 > 解决方案 > 如何在html网站的css中赋予data-autoplay属性

html - 如何在html网站的css中赋予data-autoplay属性

问题描述

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

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

现在我希望滑块自动播放，因为我无法编辑滑块的代码我试图在网站的头部放置一些 css 以便滑块播放，请问如何在 css 中添加自动播放属性帮助，提前谢谢

标签： htmlcsswordpressautoplay

解决方案

如果尚未从数据属性呈现滑块选项，则使用 jquery 可能会起作用

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

或者

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

准备就绪

(function($){

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


})(jQuery);

推荐阅读