问题标签 [owl-carousel-2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1889 浏览

javascript - Owlcarousel2 - 如何检查最后一项

如何检查最后一项?在版本 1 中具有功能“maximumItem”

0 投票
1 回答
2168 浏览

javascript - 带有循环的角猫头鹰轮播克隆项目超出范围

我有一个指令,它呈现一个带有loop选项设置为的猫头鹰轮播true。轮播中的每个项目都链接到一个ng-click事件。然而,作为loop选项true,carousel 将每个项目克隆到 carousel 中以产生循环错觉。这些克隆的项目未附加到控制器范围。

这就是我正在使用的

js

html

这是一个带有代码的笨蛋

如何重新渲染或链接范围到新的克隆项目?

0 投票
2 回答
204 浏览

javascript - jQuery 正确的文本框值没有出现在 submitdata 上

我正在为我的项目使用两个 jQuery 插件。

  1. 猫头鹰旋转木马
  2. 可编辑

在我的示例中,我有四个图像幻灯片,每个图像滑块我都为图像添加了评论部分。对于评论,我使用Jeditable插件进行内联评论。

这是我的 HTML 部分:

jQuery部分:

现在的问题是,单击提交按钮时,我无法在 ajax 上传递textbox值。editable我在每张无效的幻灯片上都获得了第一张幻灯片文本框值。

没有得到$("#dino-example .inv").val()文本框的价值,如果我在第二张幻灯片上。

知道如何传递文本框值吗?

这是我在 JSFiddle 上的示例代码:http: //jsfiddle.net/f43waf7j/3/

谢谢。

0 投票
1 回答
3595 浏览

javascript - 猫头鹰轮播导航按钮未显示

这是我生成的html

我不知道为什么我的控件会自动被隐藏。

这是我的js调用

标记实际上是使用 js 方法生成的。我需要在轮播中有导航按钮。这是创建html的js方法

0 投票
1 回答
1134 浏览

javascript - 在 Owl Carousel 版本 1 和 2 中形成

我正在 Owl Carousel 中构建一个简单的表单,但我无法让它在他们的版本 2 上运行。

问题是当用户在第二个版本的输入类型内单击时,控制台日志会给出错误:Uncaught TypeError: Cannot read property 'name' of undefined。

在第一个版本上一切正常。这是 v1 的小提琴我只是想知道是否有人可以看一下,我尝试使用mouseDrag:false但它没有成功。

这是版本 2 的链接,代码如下所示:

0 投票
1 回答
3839 浏览

javascript - Owl Carousel 2 - 单击幻灯片时拖动活动

我正在使用 Owl Carousel 2 并且我有(并且想要)mouseDrag 和 touchDrag 处于活动状态。

但是,当我单击幻灯片中的任何内容时,owl 认为我拖动并更改了幻灯片,因此它会触发 onDragged 回调。我没有改变幻灯片,我只是点击了一张幻灯片(“mousedown”,“mouseup”触发onDragStart)。

我希望能够做某事,并且只有当我通过拖动移动更改特定幻灯片时(例如:我从幻灯片 1 转到幻灯片 2)。更具体地说,我想阻止 onDragStart 除非我真的从一张幻灯片更改为另一张幻灯片。

我究竟做错了什么?

0 投票
0 回答
536 浏览

jquery - Custom next and previous owl-carousel images

I am trying to figure out how to insert custom images as the Previous and Next buttons in owl-carousel. Below is what I have tried so far.

The <i> classes that are commented out work perfectly fine however the <img> tags underneath are not working for some reason. The browser shows the alt tags but is having trouble finding the actual image to display -- am I showing the right path to find the images?

0 投票
1 回答
699 浏览

jquery - 猫头鹰轮播动画项目悬停保持原始位置

我在我的网站上使用猫头鹰,你可以看到在项目结束然后回来后,悬停在项目上有问题,一些文本仍然存在并使悬停转换错误这不是第一次发生这种情况,通常当我将动画应用于 owl 项目时,看起来 owl 创建了该项目的副本,然后为该项目设置动画,因此原始项目保持在其位置。

在此处输入图像描述

0 投票
1 回答
788 浏览

javascript - 在 owl carousel 2 初始化后更新选项

我正在尝试更新/重新初始化 owl carousel 2 选项。但无法成功。下面是代码

任何帮助,将不胜感激。

0 投票
1 回答
699 浏览

javascript - 如何在点击事件上用嵌入代码替换 OWL Carousel 图像

我正在使用OWL Carousel来显示项目,现在我想将此嵌入代码替换为单击的图像:

当用户单击任何图像时,我想显示嵌入代码。

任何想法如何使用OWL Carousel.

我的 JSFiddle

HTML部分:

jQuery部分: