Owl Carousel和Elementor页面生成器全宽问题
Owl Carousel是一个基于jQuery的响应式轮播插件，它能够创建漂亮的全屏或全宽的图片轮播，具有流畅的过渡效果和丰富的自定义选项。它广泛应用于网页设计中，可以用于展示产品、图片集合、客户案例等内容。
Elementor页面生成器是一款流行的WordPress插件，它提供了一个直观的可视化界面，使用户能够轻松地创建漂亮的网页布局，而无需编写代码。它支持全宽页面设计，可以让用户灵活地布局和设计网站页面，包括添加文本、图像、按钮等元素，并提供了丰富的样式和动画效果选项。
对于Owl Carousel和Elementor页面生成器全宽问题，可以根据具体情况采取以下解决方案：
- Owl Carousel全宽问题： Owl Carousel默认的宽度是根据包含它的父元素的宽度来确定的。如果希望实现全宽效果，可以通过以下步骤来解决：
- 确保Owl Carousel所在的父元素宽度为100%或者设定一个具体的宽度，并且设置
overflow: hidden来隐藏超出父元素宽度的内容。 - 配置Owl Carousel的
responsive选项，将autoWidth设置为true，这样Owl Carousel会根据每个项目的宽度自动调整。 - 在Owl Carousel的初始化代码中，设置
margin为负值，以便项目能够完全显示在可视区域内。
腾讯云相关产品推荐：可以使用腾讯云的云服务器（CVM）来托管网站，并通过云产品CDN加速来提高访问速度和稳定性。具体介绍和产品链接地址请参见腾讯云官方文档：https://cloud.tencent.com/product/cvm
- Elementor页面生成器全宽问题： Elementor页面生成器支持全宽页面设计，可以通过以下步骤来解决全宽问题：
- 在Elementor编辑器中，选择所需的页面节（Section）。
- 在“布局”选项卡中，将“内容宽度”设置为“100%”。
- 确保所选节（Section）内的所有列（Column）和元素（Element）也将其“内容宽度”设置为“100%”。
- 如果使用了WordPress主题，请确保主题本身也支持全宽布局，否则可能需要进行主题样式的自定义修改。
腾讯云相关产品推荐：腾讯云提供了一系列的云托管产品，如云函数SCF、轻量应用服务器Lighthouse等，可以用于托管WordPress网站和应用程序。具体介绍和产品链接地址请参见腾讯云官方文档：https://cloud.tencent.com/product/scf
以上是针对Owl Carousel和Elementor页面生成器全宽问题的解决方案和腾讯云相关产品推荐。
相关·内容
我正在开发一个WordPress网站。我用Owl Carousel js插件做了几个部分。我正在用WordPress的Elementor页面构建器开发这个网站。它在站点预览中运行良好，但在Elementor Live preview (编辑模式)中不显示。 请给我一个解决方案。 谢谢。
浏览 62提问于2020-01-06得票数 4
2回答
我有一个图像，它覆盖了桌面上的整个屏幕使用猫头鹰旋转木马。 当我在手机设备上观看同样的图片时，它只占屏幕尺寸的三分之一。 我如何调整它的高度，使其比目前手机上的高度更高？ 我读过一些帖子，但我是猫头鹰轮播的新手，我不确定我是否做错了什么。我找不到这个类https://css-tricks.com/forums/topic/owl-slider-100-height/，所以不确定 我对猫头鹰轮播的配置是 items: 1,
smartSpeed: 1000,
autoplay: true,
auto
浏览 33提问于2019-02-08得票数 3
回答已采纳
当我使用owl-carousel创建elementor的自定义小部件时。之后，当我使用它在全宽。然后创建左侧站点。不是中间的。 ?
浏览 21提问于2020-01-19得票数 0
我有多个猫头鹰嘉年华滑块在一个页面。问题是，当我在一个滑块上使用控制按钮时，它会移动页面中的所有滑块。 我使用此函数基于唯一的id初始化滑块。 function property_slider_v2(slider_id){
console.log('we do '+slider_id);
jQuery('#'+slider_id).owlCarousel({
loop:true,
margin:0,
nav:true,
items:6,
dots:false,
浏览 15提问于2021-10-28得票数 2
回答已采纳
1回答
我使用owl carousel作为一个页面站点，每个页面的内容都在一个全屏的carousel幻灯片上。我希望能够跟踪每张幻灯片作为一个虚拟PageView与谷歌分析-但我不能解决它。下面是我的上一个和下一个按钮的代码-但问题是用户也可以在触摸设备上“滑动”-所以我需要能够跟踪这两个按钮-我从哪里开始！？
var owl = $('.owl-carousel');
owl.owlCarousel();
$(".next").click(function(){
owl.trigger('next.owl.carousel');
})
$("
浏览 6提问于2014-06-24得票数 1
我正在尝试在一次成功的ajax调用后重新初始化Owl carousel。ajax调用将更改数据，但视图应该保持不变。我遇到了视图( carousel结构)无法重新初始化的问题。页面加载时一切正常。
我使用的是1.3.3版
$(document).ready(function() {
$(".owl-carousel").owlCarousel({
items : 3
});
});
Ajax调用
$.ajax({
type: 'get',
url: '/public/index',
dataType: '
浏览 0提问于2015-01-06得票数 15
当我在Rails项目中使用owl-carousel时，我遇到了一些问题。当我返回到使用carousel类的浏览器的缓存页面时，我在页面中得到了太多的carousel owl-dot类，这是我的 JS代码 function initScrollboxHobby() {
var owl = $(".owl-carousel");
owl.owlCarousel({
// loop: true,
items: 1,
nav: true
});
} 并发布HTML代码 ? 如何修复它？
浏览 96提问于2019-04-28得票数 0
我希望Bootstrap 4 carousel能够扩展浏览器窗口的整个宽度。使用来自Bootstrap 4的轮播组件，但是轮播没有包裹整个窗口屏幕。
使其全宽度和响应性的最佳方法是什么？或者我把carousel放在'PageWrap‘下面，这是错误的。但在我看来，不建议将应用程序的组件放在这里为'PageWrap‘的已定义容器之外。
下面是我的代码：
import React from 'react';
import "../../src/App.css";
import 'bootstrap/dist/css/bootstrap.min
浏览 29提问于2021-03-12得票数 0
2回答
在将默认主题页面布局更改为elementor full width时面临一些挑战。
无法访问单个帖子或单个页面布局来更改布局结构。任何帮助都将不胜感激。
浏览 4提问于2020-01-30得票数 1
1回答
我的应用程序需要有两个页面，一个登录页面和一个管理页面。这两个页面使用不同的主题。我无法将这两个页面的css和js文件集成到一个页面应用程序中。
const jquery = require('mdbootstrap/js/jquery-1.11.3.min.js');
window.jQuery = jquery;
window.$ = jquery;
require('mdbootstrap/css/bootstrap.min.css');
require('template/homePage/js/plugins/owl-carousel/owl
浏览 2提问于2019-10-21得票数 0
1回答
我似乎不能让owl carousel在Drupal7中工作，我认为这可能会与Chaos工具发生冲突，但现在我不确定。我认为它在Drupal8中的运行没有任何问题，但我的客户在Drupal7中需要它。
我试过将它作为一个块和一个页面。目前，它垂直堆叠内容，而不是我希望的3行内联。
下面是显示我想要实现的功能的工作Drupal8链接：
下面是Drupal7不能工作的版本：
我怎样才能把这些内联起来呢？
忘了提一下，在父div中，它在开发工具中附加了一个页面“owl- carousel -class=_12”。如果我删除了-page_12，轮播将以内联方式呈现。
我似乎找不到如何防止这个类被添加。我
浏览 0提问于2019-08-08得票数 0
3回答
我的问题是如何在加载了元素或页面上的元素之后触发或调用函数，而不希望等待整个页面加载。
示例Fiddle：
问题填充：
调用JS:
document.getElementsByClassName("owlCarousel").onLoad = function(){
// do stuff
$("#owl-demo").owlCarousel({
navigation: true,
pagination: true,
lazyLoad: true
});
};
HTML:
<span class='slide'>
<div
浏览 2提问于2015-05-02得票数 1
1回答
我使用猫头鹰-旋转木马2，使用猫头鹰-旋转木马2初始化和标记的标准代码。在第一次加载页面时，旋转木马的工作非常完美。猫头鹰-旋转木马2停止工作时，我把浏览器传递到另一页和后退或最小化浏览器，并再次打开页面与猫头鹰-旋转木马2。新的开始时，我再次单击导航。我再次尝试在html代码正文中添加旋转木马的初始化代码：
var $carousel = $('.owl-carousel');
var owl = $carousel.data('owlCarousel');
owl.trigger("refresh.owl.carousel");
但这
浏览 2提问于2016-10-29得票数 2
1回答
我开发了一个叫做高级旋转木马的小部件。在那里，我对从Elementor库加载的旋转木马项使用了select2设置字段。当在Elementor Libray中发布模板并刷新旋转木马编辑器页面时，该发布的模板将填充到该select2设置字段中。
在编辑器页面中，我保存一个模板，然后该模板就不会被直接填充。为了克服这个问题，我使用了jquery。但问题是“在单击”保存模板“按钮后，在”成功“函数中，我无法选择要在其中添加新项的选择字段。
我试着用这种方式检查
(function( $ ) {
$(document).ready( function() {
$('
浏览 0提问于2017-08-05得票数 0
回答已采纳
我正在尝试添加自定义类“大，中，中”到3个不同的owl项目。但这只有在自动播放时才起作用。当您第一次看到它时，它不起作用。如何在页面加载时运行此代码？
$('#MySlider .owl-carousel').on('translate.owl.carousel', function(e){
idx = e.item.index;
$('#MySlider .owl-carousel').find('.owl-item.big').removeClass('big');
$('#M
浏览 24提问于2019-11-15得票数 2
回答已采纳
我的页面上的猫头鹰旋转木马出了点问题。目前，carousel容器和项目不显示。我使用我的网页检查器来检查元素，它似乎在css中有行display:none。但是，当我将其更改为display:block时，项显示在另一个项的下面，而不是水平显示在一行中。
我的转盘脚本如下所示：
jQuery(function($){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
dots:true,
autoplay:tru
浏览 4提问于2015-11-16得票数 5
1回答
我在我的html网站上放了一个owl carousal，当我加载html页面时，owl carousal不会自动移动。猫头鹰嘉年华，如下所示： if ($().owlCarousel) {
$('.owl-carousel').each(function() {
var $carousel = $(this);
$carousel.find('> *').each(function (i) {
$(this).attr('data-index', i);
});
var data = $carous
浏览 32提问于2020-01-17得票数 0
回答已采纳
1回答
我有一个owl carousel，它加载一个自动宽度，这是由屏幕大小和项目决定的。Div.owl-stage在页面加载时设置了宽度，并随着浏览器大小的调整而调整大小。我获得了.owl-stage元素的宽度，并将其应用于元素.block标题，效果很好。 $(document).ready(function() {
$(".block-title").css({
'width': ($(".owl-stage").width() + 'px')
});
}); 问题是.owl-carousel宽度会改变，但.bloc
浏览 15提问于2020-01-27得票数 0
我正在尝试同时使用和Bootstrap来创建选项卡，这些选项卡具有用于选项卡导航的连续轮播。我还希望这些选项卡自动循环。
下面是一个可视的参考：
这里有一个小把戏：
我使用的主要JS (我已经注释掉了我被卡住的地方)：
var owlTab = $(".tab-carousel.owl-carousel");
owlTab.owlCarousel({
navigation: false,
dots:true,
navigationText: [
"<i class
浏览 1提问于2016-04-23得票数 9
3回答
这就是有问题的页面：
传送带使用autoheight:true。
在某些移动浏览器上，包括海豚，iPhone，谷歌Nexus4(当在Chrome Dev工具中查看时)，.owl-wrapper-outer容器将应用一个小的内联高度来裁剪第一张图像。
一旦你向左和向后滑动，高度就会被重新计算，一切都是正常的。
我的Owl代码看起来像这样(在document.ready中)：
// Owl Slider
$(".owl-carousel").owlCarousel({
items: 1,
loop: true,
autoHeight: true
});
我最
浏览 1提问于2015-02-20得票数 0
这是我的问题。我在我的页面中使用了owl.carrousel麻省理工学院的库。这个库自动创建一个div，在必须显示的时候给它一个"active“类。当任何不同的"owl-item“处于活动状态时，我想在carrousel部分设置一个不同的背景。 这是我在index.html文档上的html代码： First carousel item
Second carousel item
Third carousel item
浏览 60提问于2021-02-24得票数 1
回答已采纳
我正在尝试用wordpress的owl-carousel插件构建一个合理的混合图像和视频轮播。我是基于一个Twig引擎环境“无限元素Widget Creator for Elementor”和使用ACF中继器与两个子字段的内容。一个用于图像，另一个用于视频。 现在我尝试设置这样的逻辑：“当acf中继器视频字段中有视频时，则使用视频DIV，如果没有，则使用图像DIV。”因此，圆盘传送带根据是否有视频上传到项目来显示图像或视频。 问题是，无论我试图在ACF Repeater item循环中检查什么，转盘要么只使用所有项目的Image DIVs，要么使用所有项目的video DIVs，而不管是否有
浏览 12提问于2020-08-22得票数 0
在我单击div之前，jquery carousel不起作用。
我在我的html页面中添加了两个owl carousel。当我有一个转盘时，它工作得很好，但当添加另一个具有不同ID的转盘时，它不能工作，直到我在具有转盘的div中执行单击。
我在我的html页面中添加了两个owl carousel。当我有一个转盘时，它工作得很好，但当添加另一个具有不同ID的转盘时，它不能工作，直到我在具有转盘的div中执行单击。
<script>
$(document).ready(function() {
var owl = $('.owl-carousel
浏览 0提问于2018-05-17得票数 1
1回答
我的想法是用猫头鹰旋转木马做一个菜单。我已经将Owl Carousel代码等放到了我的所有文件夹中，并且LazyLoad函数当前正在我的页面上运行。但是，我不知道如何创建它，以便当单击其中一个图像(carousel)时，它会跳转到我想要连接到该图像(Carousel)的html页面。下面是我的一些代码：
<section id="demos">
<div class="row">
<div class="large-12 columns">
<div class="owl-ca
浏览 4提问于2017-01-24得票数 1
1回答
我正在尝试将猫头鹰旋转木马视频动态添加到我的站点上，但我遇到了一个问题；视频会出现在页面上，但是当我尝试播放它们时，控制台说
TypeError: video is undefined
width = video.width || '100%'
我试着遵循猫头鹰( Owl )文档上的说明和StackOverFlow上的一些帖子，但无法理解这一点。关于如何在猫头鹰旋转木马中动态添加视频的文档并不多(如果有的话)。
我的当前代码如下：
<script>
//init carousel
var owl = $('.owl-carousel');
$
浏览 2提问于2016-07-27得票数 0
回答已采纳
1回答
我使用owl carousel在页面上显示图像。在转换过程中，图像会跳跃，就像它们在屏幕上的高度缩小一样。 所有图片的大小都是一样的，js在页面的底部。 .carousel-main').owlCarousel({items:1,loop:true,lazyLoad:true,transitionStyle:"fade",autoplay:true,autoplayTimeout:4000, autoHeight:true，margin:1，animateOut:'fadeOut'，nav:true，dots:false，navText：'&#
浏览 60提问于2019-03-22得票数 0
1回答
我使用猫头鹰旋转木马作为一个滑块，但有时当页面加载滑块不显示。检查元素告诉我，滑块它缺少一些样式。我已经在我的页面首页中包含了这些样式。我包括了jquery和owl旋转木马链接。我正在用AJAX获取旋转木马的数据。这是密码
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
<link rel="stylesheet" h
浏览 11提问于2022-09-15得票数 0
当前循环通过页面上的一些旋转木马，但我试图根据属性中放置的值为每个旋转木马提供不同的选项。它加载得很好，但不会应用选项。 页面代码 <div class="owl-carousel owl-theme" data-plugin-options='{"dots": true, "autoplay": false, "autoplayTimeout": 3000, "loop": false, "margin": 10, "nav": true, "respons
浏览 19提问于2021-08-23得票数 0
回答已采纳
1回答
在我的主标签中，我为我的幻灯片横幅实现了图像。
<main id="main-site">
<!-- Owl Carousel code-->
<section id="banner-area">
<div class="owl-carousel owl-theme">
<div class="item">
<img src="./images/banner.png" alt="
浏览 3提问于2021-11-06得票数 0
回答已采纳
owlCarousel的默认行为运行良好，单击右侧的下一张幻灯片，然后单击上一张幻灯片将幻灯片滑动到左侧。
但是在使用动画之后，两者总是朝着相同的方向。
这里有一个快速的jsfiddle来显示这个问题：
所以在小提琴中，滑块应该在下一步和下一步在Prev上上升，但它总是在上升。我尝试了Animate.css的所有动画选项。
我也尝试过使用JQuery和owl carousel触发器在单击next或prev时覆盖动画，但效果不佳。
$(".news-slider .owl-nav .owl-next").click(function(e){
var carousel
浏览 6提问于2019-09-03得票数 1
我尝试在我的react应用程序中使用owl.carousel包。我用npm安装了jquery和owl.carousel包。
npm install jquery owl.carousel
在App.js中
import React from 'react';
import $ from 'jquery';
import 'owl.carousel';
componentDidMount() {
$('.team-slides').owlCarousel({
// my options
});
}
我收到错误消息
TypeErr
浏览 1提问于2020-02-09得票数 4
回答已采纳
2回答
我正在使用Owl Carousel 2，并且我有一些自定义的导航按钮，我打算将它们用于next/prev item和next/prev页面。我正在使用以下内容来触发下一项：
var slider = $('.owl-carousel');
$('#nextItem').click(function () {
slider.trigger('next.owl.carousel');
});
这很好用，但我还需要触发下一页(类似于点的工作方式)。它看起来像是有一个slideBy选项，你可以用它来滑动一个页面，但这不会有什么帮助，因为我需要项
浏览 0提问于2015-06-14得票数 7
回答已采纳
我对要求有一些问题。
require.config({
paths: {
"jquery": "//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min"
},
waitSeconds: 40
});
requirejs(['jquery', '//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.js'], function(jQuery){
浏览 0提问于2014-04-25得票数 2
回答已采纳
我在用nuxtjs实现时遇到了问题。
当我尝试：
import carousel from 'v-owl-carousel'
出现一个错误消息。
文档未定义
我按照本页面的要求执行了配置建议，，但是没有任何工作.
有人能帮我吗？谁能给我个线索吗？
配置空项目
{
"name": "nuxtjs_test_owl_carousel",
"version": "1.0.0",
"description": "My gnarly Nuxt.js project",
浏览 4提问于2019-04-14得票数 0
回答已采纳
3回答
我有一个使用VueJS的项目。我有个问题。我想使用owl.carousel。我通过以下命令安装了它
npm install --save owl.carousel
我把它进口如下：
<script>
import jQuery from 'jquery'
let $ = jQuery
import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel';
export default {
name: "SlideShow"
}
&l
浏览 1提问于2018-09-28得票数 2
..And我不知道为什么。我正在尝试模拟一个已经有owl.carousel的页面，并且我已经加载了所有正确的CSS和JS文件。但是，owl.carousel.js文件似乎将div设置为不显示，因为我的结果是：
<div class="owl-controls clickable" style="display: none;">
为什么会这样呢？
浏览 2提问于2015-02-20得票数 0
当我添加respond.js时，我似乎不能让Owl Carousel在IE8中工作。还有没有其他人能做到这一点？我甚至不知道从哪里开始故障排除。
我所指的jQuery carousel插件是：
浏览 0提问于2013-11-06得票数 2
我试图在Elementor中创建自己的自定义小部件作为插件。我有前端工作，但现在预览小部件坏了。我犯了一个无法形容的错误。
在我的小部件类文件中，我注册JS，如下所示：
public function get_script_depends() {
wp_register_script( 'double-carousel', plugins_url( 'double-carousel.js', __FILE__ ), [ 'elementor-frontend' ] );
return [ 'double-carousel
浏览 9提问于2022-11-21得票数 0
5回答
多响应猫头鹰旋转木马
、、、、
我需要在某些页面中创建多个响应性的owl旋转木马，我需要使用数据属性。我像这样工作，但我不能回应我的旋转木马，
jQuery
var $carousel = $('.data-carousel[data-carousel]');
if ($carousel.length) {
$carousel.each(function() {
$(this).owlCarousel($(this).data('carousel'));
});
}
<div class="owl-carousel data-carousel&#
浏览 1提问于2017-09-25得票数 1
我正在使用owlCarousel和angular 9来显示视频。加载时返回错误Cannot read property '3' of null。
下面是我的加载OwlCarousel的html页面
<div class="owl-carousel owl-theme">
<div class="item-video" data-merge="1">
<a class="owl-video" href="{{data.imageUrl}}"></a
浏览 0提问于2020-08-21得票数 0
我有一个Rails应用程序，如果我返回到应该呈现它们的页面，它会重复包。例如，我的包含两个图像的OwlCarousel将相乘，并将旋转木马导航叠加在前一个图像之上。 Brief GIF to explain #app/views/layouts/application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>CRISPR Citrus</title>
<meta name="viewport" content="width=dev
浏览 20提问于2021-04-04得票数 1
我从网站上拖出了owl carousel的代码，其中包括css和Js，但在每个-webkit、-mos、-ms上都有错误。我看得更远，但他们要求添加JS： $(document).ready(function(){
$(".owl-carousel").owlCarousel({
navigation : false,
rtl:true,
slideSpeed : 300,
paginationSpeed : 400,
autoplay:true,
singleItem:
浏览 8提问于2020-09-28得票数 2
1回答
我们在我们的网站上使用Owl Carousel和产品模块过滤器。它在PrestaShop 1.7.4上使用。 Owl旋转木马工作没有任何问题，直到被使用的产品过滤。 在我们的网站：https://test.darujpoukaz.cz/cviceni上，你可以看到页面底部的旋转木马。 控制台中是猫头鹰传送带的代码： <div class="carousel_content owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
浏览 16提问于2020-10-22得票数 0
1回答
我有一个使用多个旋转木马(Owl carousel)的页面，每个页面都有一个导航，比如prev/next。其中一些项目没有足够的考虑作为一个旋转木马，所以我想禁用这一个导航。结构如下：
<div class="videos-wrap">
<div class="owlnav owlnav1"><div class="owl-prev" style=""><</div><div class="owl-next" style="">
浏览 4提问于2014-12-30得票数 1
回答已采纳
1回答
我已经成功地在我的shopify网站上添加了2个猫头鹰旋转木马，它们都工作得很好。我唯一的问题是，在我的第二个页面上，轮播的导航按钮是从以下样式中选取的(第一个轮播需要它们的位置)：
.owl-theme .owl-controls .owl-buttons .owl-prev{
left: -45px;
top: 40%;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
right: -45px;
top: 40%;
}
我不确定我需要做什么才能在不同的位置显示导航，因为目前我有我的旋转木马，但我的导航显示在页面顶部的
浏览 0提问于2016-08-26得票数 0
我正在玩一个引导主题是使用猫头鹰旋转木马。
这就是我要用的主题
正如您在链接上看到的，owl-carousel在两个地方使用。
页面顶部的英雄幻灯片
作为推荐信。
我想放慢滑梯的速度，让它们在悬停时停止滑动。
我在页面底部添加了一个脚本，如下所示：
<script>
$(".owl-carousel").owlCarousel({
//Autoplay
autoplay:true,
autoplayTimeout:10000,
stopOnHover : true
})
</script>
<script src
浏览 8提问于2020-03-24得票数 0
回答已采纳
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Owl Carousel 2 Navigation on Sides - Left and Right</title>
<style>
.main-content {
position: relative;
}
.main-content .owl-theme .custom-nav {
posi
浏览 1提问于2021-01-05得票数 0
回答已采纳
我想将用户重定向到html页面的特定部分。 // javascript for owl
$(document).ready(function(){
$('.owl-two').owlCarousel({
loop:true,
margin:10,
nav:true,
autoplay:true,
responsive:{
0:{
items:1
},
600:{
items:2
},
1000:{
浏览 26提问于2019-06-14得票数 0
我在同一个页面上使用了两个owl carousel。并且需要将一些数据应用到‘owl-wrapper- just’类，但是这个类是后来用javascript添加的，两个carousel都使用它，所以我不能只是在我的css文件中添加我想要的更改。
我如何才能只为一个轮播向owl carousel包装器添加一个新类？
我正在使用owl carousel 1。
浏览 2提问于2016-03-01得票数 0
我有我的'carousel.js‘文件作为
$('#owl-carousel-1').owlCarousel({...});
和carousel.component.html为：
<div id="owl-carousel-1" class="owl-carousel owl-theme center-owl-nav home-
carousel">....</div>
我将carousel.component.ts中的'carousel.js‘文件命名为：
ngAfterViewInit(){
re
浏览 4提问于2018-07-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
