问题描述
我添加了用于添加滑块的自定义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,1024: {
slidesPerView: 1,navigation: {
nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',});
});
.swiper-wrapper {
display: flex !important;
flex-wrap: inherit;
}
解决方法
我已经更改了自定义文件的位置:
- 页面上的位置=>页脚
现在可以了!!