jjzjj

javascript - Owlcarousel 2 在初始化后更改设置

我已经varowl=$(".owl-carousel").owlCarousel({loop:true,nav:true});我尝试更改循环或导航选项的设置但不起作用owl.data('owl.carousel').settings.loop=false;owl.data('owl.carousel').settings.nav=false;怎么做,谢谢。 最佳答案 对于OwlCarousel2,尝试在更改选项后刷新轮播:$('.owl-carousel').data('owl.carousel').options.nav=fals

javascript - 禁止在 “Owl carousel” 中拖动特定元素(项目)-jquery

我在我的小项目中使用“OWLCarousel”jQuery插件(http://www.owlgraphic.com/owlcarousel/)。我创建了可通过此插件拖动的小脚本。现在我想禁用拖动特定元素(项目)...但我不知道该怎么做。HTML:Item-1.1Item-1.2NOTDraggbleItem-1.3Item-2.1Item-2.2NOTDraggbleItem-2.3Item-3.1Item-3.2NOTDraggbleItem-3.3CSS:div.wrap{width:990px;min-height:360px;padding:5px;border:2pxsoli

javascript - setTimeout 不起作用

我想在执行其他(可视化)脚本之前加载一个OWL文件。为此,我尝试了一切$(document).ready到functionvisualize(file){if(!file){setTimeout(visualize(file),2000)}else{jQuery(function($){visFeaturePool.init(file)})}}我认为setTimeout必须可行,但它不起作用。我抛出错误:UncaughtRangeError:Maximumcallstacksizeexceeded,所以它不会等待,它只是调用可视化函数直到堆栈已满。有人知道我做错了什么吗?谢谢!

javascript - OWL Carousel 图片一开始大小不合适

我正在使用OWLCarousel并且我已经对其进行了编码,因此将显示一个图像,然后每15秒就会滑入下一个图像。我已将宽度设置为屏幕的100%,因此并对js进行了适当的编码所以从理论上讲,一次应该有一个完整尺寸的图像......但是发生的是它显示所有图像相当小,然后如果我将屏幕大小调整甚至1个像素它会捕捉到它应该的样子.......关于如何避免必须调整屏幕大小以获得全尺寸图像的任何想法?这是我的HTML这是我的代码varowl=$('.owl-carousel');owl.owlCarousel({singleItem:true,items:1,loop:true,margin:10,a

javascript - 为 Owl Carousel 添加动画字幕

我正在使用OwlCarousel并一直在尝试添加动画字幕(只是幻灯片显示上的简单淡入淡出)但似乎无法弄清楚如何去做。我将所有字幕的不透明度设置为0,然后向字幕添加一个名为“animate-me”(使用jQuery)的类。第一个淡入,然后所有其他不断显示。这是我目前在jsbin上的内容...http://jsbin.com/OGehUKEh/3/edit 最佳答案 您需要使用OwlCarousel回调。我找到了你需要的回调。$("#owl-example").owlCarousel({beforeMove:function(){//B

javascript - Owl Carousel 滚动到点击的项目

我有一个简单的OwlCarousel,HTML:123456789101112JavaScript:$('.owl-carousel').owlCarousel({items:5,loop:true,nav:true,margin:10})包括:owl.carousel.jsowl.carousel.min.cssJSFiddlehttp://jsfiddle.net/93cpX/62/如何强制轮播滚动到点击的项目? 最佳答案 .owl-carousel.item{height:80px;background:#4DC7A0;}12

javascript - Owl Carousel 2随机功能

OwlCarousel2中有没有办法制作国王随机功能。我需要页面上的幻灯片随机加载。在旧的OwlCarousel版本中,我是这样做的:$(document).ready(function(){//Sortrandomfunctionfunctionrandom(owlSelector){owlSelector.children().sort(function(){returnMath.round(Math.random())-0.5;}).each(function(){$(this).appendTo(owlSelector);});}$(".feedback").owlCarous

javascript - 清爽的猫头鹰旋转木马2

我有3个div,当我点击它们时会激活滑动切换。在每个div中都有猫头鹰旋转木马slider。如果我触发一个divslider显示,但当我单击另一个divslider时不显示,除非我调整窗口大小。如何触发每个div中slider的滑动切换刷新?我试过在滑动切换时使用它,但它不起作用:$('.owl-slider').trigger('refresh.owl.carousel'); 最佳答案 你用一个类触发。您可以尝试使用变量:var$owl=$('.owl-carousel').owlCarousel({items:1,loop:tr

javascript - Owlcarousel 2 动态加载的内容

我在使用ajax将内容加载到owlcarousel2时遇到问题。我正在尝试通过此功能获取新项目:functionloadDecisions(pageNumber){$.ajax({url:globalURL,type:'POST',data:{action:'lw_infinite_scroll',loop_file:'video',page_no:pageNumber,posts_per_page:postsPerPage},success:function(data){$(".owl-stage").append(data);owl=jQuery('.owl-carousel');

javascript - Owl Carousel 外箭头导航

我正在尝试为一个投资组合网站实现带有延迟加载图像的OwlCarousel,但我在定位导航按钮时遇到了问题。理想情况下,我想将这些添加到位于图像中间位置的旋转木马的外部。我见过几个例子,其中这是可以操作的,但就是无法理解。有人可以帮忙吗?我在这里添加了一个JSfiddle:http://jsfiddle.net/iameuanmackay/448htq9b/我使用的代码是:CSS:#owl-demo.item{display:block;padding:30px0px;margin:5px;color:#FFF;-webkit-border-radius:3px;-moz-border-