滑块的自定义JS和CSS仅适用于“ admin”,我需要它适用于所有用户(公共用户+ admin)

时间:2020-09-16 07:33:41

标签: wordpress custom-wordpress-pages

我添加了用于添加滑块的自定义JS和CSS文件,但仅对我(管理员)有效,不适用于公共用户。我通过自定义脚本插件添加了它们。这是JS和CSS代码。

我希望它适用于所有用户

jQuery(document).ready(function( $ ){
      jQuery(".post_slide .elementor-container ").addClass("swiper-container");
  jQuery(".post_slide .elementor-row ").addClass("swiper-wrapper");
    jQuery(".post_slide .elementor-column").addClass("swiper-slide");
  jQuery('.swiper-container').append('<div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div>'); 
  
    var swiper = new Swiper('.swiper-container', {
          spaceBetween: 0,
           slidesPerView: 1,
       speed: 400,
           autoplay:true,
          breakpoints: {
            
            640: {
              slidesPerView: 1,
              spaceBetween: 0,
            },
            768: {
              slidesPerView: 1,
              spaceBetween: 0,
            },
            1024: {
              slidesPerView: 1,
              spaceBetween: 0,
            },
          },
                 
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
    
        });
  
  });
.swiper-wrapper {
    display: flex !important;
    flex-wrap: inherit;
  }

1 个答案:

答案 0 :(得分:0)

我已经更改了自定义文件的位置:

  • 页面上的位置=>页脚

现在可以了!!