Owl carousel在JS上的计数问题

文章/答案/技术大牛

发布

1回答

javascript、html、owl-carousel

我有一个包含4张图片的图片库，我有2个JS变量，分别是"Field“(图片的当前数量)和" total”(图片的总数) var owl = $('.owl-carousel'); nav: false, margin: 20,(&#

浏览 7提问于2018-08-25得票数 1

回答已采纳

2回答

bower concat CSS问题

gruntjs

我正在尝试做的新手here....what看起来很简单，但我在这里束手无策。我正在尝试从几个单独的bower组件中连接JS，然后对CSS执行相同的操作。下面是我的grunt.file中的相关代码： all: { dest: 'builds/development/js/_bower.js',cssDest: 'builds/

浏览 1提问于2016-02-23得票数 0

3回答

不使用Rails

javascript、jquery、ruby-on-rails、owl-carousel

没有使用我的rails安装。它没有显示在我的测试页面上，这个错误出现在Chrome开发人员控制台中：和。下面是rails中的相关代码：gem 'owlcarousel-rails' //= require jquery**ap

浏览 5提问于2015-03-11得票数 4

回答已采纳

1回答

如何使用插件为CPT单post类型有条件地排队脚本？

plugin-development、wp-enqueue-script、conditional-tags

我正在编写一个插件，它定义了自己的CPT“属性”，我希望在单个帖子中专门为脚本排队。 if (wp_script_is('owl.carousel.js', '

浏览 0提问于2017-08-22得票数 4

回答已采纳

3回答

Owl轮播不显示

javascript、jquery、owl-carousel

我从他们的网站上粘贴了代码，理论上应该可以工作，变量名看起来是合理的，但它根本不会显示在我的页面上。对不起，这对我来说是全新的，我似乎在其他地方找不到任何答案。"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

浏览 3提问于2015-07-16得票数 0

4回答

数据更新时OwlCarousel自动高度

javascript、owl-carousel、owl-carousel-2

我有OwlCarousel，它的autoheight参数设置为true。当我更新<div class = 'owl-item'>块中的数据时，高度不会自动更改。\ 我知道这不应该是，但作为一个例子，块是空的，我添加了数据，它仍然是空的。虽然，这只是1px的一个高度。是否可以在已更改的数据中更改高度？

浏览 119提问于2018-07-20得票数 9

回答已采纳

2回答

使用jQuery或JS ( owl-carousel)为一个项赋予其他项的子项的类

javascript、jquery、carousel、owl-carousel、children

这是我的问题。我在我的页面中使用了owl.carrousel麻省理工学院的库。这个库自动创建一个div，在必须显示的时候给它一个"active“类。当任何不同的"owl-item“处于活动状态时，我想在carrousel部分设置一个不同的背景。这是我在index.html文档上的html代码： First carousel i

浏览 60提问于2021-02-24得票数 1

回答已采纳

2回答

触发下一页owl轮播2

jquery、owl-carousel

我正在使用Owl Carousel 2，并且我有一些自定义的导航按钮，我打算将它们用于next/prev item和next/prev页面。我正在使用以下内容来触发下一项： slider.trigger('next.owl.carousel');

浏览 0提问于2015-06-14得票数 7

回答已采纳

1回答

Owl旋转木马页面加载时所有可见项

owl-carousel、flashing

这个问题主要发生在用户使用稍微慢一点的互联网或移动设备时。但是当旋转木马中的页面内容/图像没有被缓存时，有时也会看到更高的速度。如果页面加载和第一个元素被呈现，所有旋转木马“幻灯片”就像列表一样在彼此下面，然后页面被加载，魔术发生，每一个额外的幻灯片消失，旋转木马已经诞生。这是猫头鹰的默认行为吗？我该怎么解决这个问题？

浏览 4提问于2015-12-29得票数 7

回答已采纳

2回答

Owl Carousel加载失败

jquery、owl-carousel

我正在尝试将Owl Carousel集成到一个我为朋友创建的引导站点中，但我似乎无法加载它。当我在Firebug中签出时，我得到了一个错误，提示.owlCarousel不是一个函数。下面是我使用的代码： <div class="row-fluid PageHead"> <div cl

浏览 1提问于2014-04-22得票数 0

3回答

如何在laravel中添加插件

laravel

我想在laravel上加一个旋转木马插件。因此，我运行npm安装-保存owl.carouse，并将以下代码添加到中owl.carousel.js在我的</

浏览 0提问于2018-07-24得票数 1

1回答

在Rails 6项目中添加jQuery插件(owl旋转木马)

ruby-on-rails、hadoop-yarn、owl-carousel、ruby-on-rails-6

对于Rails 6中处理jQuery插件的新方法，我仍然有些困惑。在Rails 5中，我只是将这些文件添加到我的libs文件夹中，并在css和js文件中要求它们。我的Rails 6项目已经引导和jquery工作了(比例器运行得很好)。yarn add owl.carousel2import 'owl.carousel2/dist/as

浏览 5提问于2020-04-29得票数 3

2回答

owl旋转木马v2导航仅当幻灯片超过2张时

jquery、owl-carousel

我使用owl carousel v2 (因为无限循环)。在1.3版本中，如果您只有一个div-Slide，则不会显示导航。在v2中，导航总是显示的，我如何才能将其更改为1.3版。我的代码： center: true, nav: true谢谢你的帮助

浏览 0提问于2015-01-27得票数 1

2回答

Owl carousel - TypeError: this.$element.attr(...)是未定义的

javascript、owl-carousel

在我的wordpress站点上，我使用jQuery 1.12.4和owl carousel2.2。当我加载一个carousel时，我得到了以下错误： TypeError: this.在页眉中加载jQuery，在页脚中加载owl carousel。我在js文件中调用owl carousel，该文件在owl <em

浏览 1提问于2017-02-24得票数 1

2回答

猫头鹰旋转木马不能在4号角工作

javascript、twitter-bootstrap、angular、owl-carousel

我正在研究角4，我想在我的应用程序中实现owl旋转木马。我在这个链接引用的应用程序中导入了owl旋转木马。import {OwlCarousel} from 'ng2-owl-carousel';declareobject = { link: "http:/

浏览 6提问于2017-11-11得票数 0

1回答

我的gulpfile.js有错误吗？我面临着不同的问题，无法让它起作用

javascript、html、twitter-bootstrap、gulp、src

所以，我主要有以下两个问题，它们是随机发生的：我不会在终端或控制台中出错。唯一的<

浏览 4提问于2017-09-17得票数 0

2回答

猫头鹰旋转木马一点也不露

javascript、jquery、html、owl-carousel

我有一个问题，让猫头鹰旋转木马插件工作在我的项目。我想我已经一步一步地遵循了关于的说明。我将下列文件添加到我的项目文件夹中： owl.carousel.m

浏览 0提问于2018-10-18得票数 0

回答已采纳

2回答

Owl-carousel在使用vite构建项目后不工作。

javascript、jquery、tailwind-css、owl-carousel、vite

当我使用来自node_modules的owl-carousel时，它在开发模式下工作，但是在构建之后，旋转木马停止工作并得到这个错误。at index.781bd673.js:4:37392 // import 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl</em

浏览 20提问于2022-09-12得票数 2

回答已采纳

2回答

猫头鹰旋转木马不会在鼠标悬停时恢复

javascript、jquery、hover、carousel、owl-carousel

<script> owl.owlCarousel({ loop:true,autoplayTimeout:1000, }); owl.trigger

浏览 3提问于2017-06-18得票数 1

回答已采纳

2回答

Owl Carousel在安装时不起作用，即使遵循指南也是如此

html

我一遍又一遍地阅读文档和设置，但我似乎无法让owl carousel正常工作。下面我有一个简单的HTML文件，其中包含一个简单的owl carousel部分应该足够了，但它不工作。如果有人知道它为什么不起作用，或者如果我能在正确的方向上得到推动，那将是非常有帮助的。谢谢! <!cdn.jsdelivr.net/npm/bootstrap@4.6.0/d

浏览 1提问于2021-05-10得票数 0

点击加载更多