作者Moneyyyyy (挡我者死)
看板Web_Design
标题[问题] OwlCarousel的hover问题
时间Tue Mar 14 18:25:48 2017
各位好~
我使用了owlcarousel的套件来展示轮播
想要达到网页一打开即自动拨放
滑鼠移入拨放暂停,滑鼠移出自动播放
如果是使用autoplayHoverPause: true,前者可以实现,可是後者不会自动拨放
我试着写js如下还是不行,请问该怎麽办呢?
$("
#slideshow .item").on("mouseleave", function (e) {
owl.trigger("play.owl.autoplay", [2000]);
})
$(".owl-carousel").owlCarousel({
loop: true,
margin: 15,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
})
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 101.184.154.59
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1489487151.A.E5E.html
1F:→ Moneyyyyy: 我使用的是OwlCarousel2-2.2.1这个版本 03/14 18:33
3F:→ akccakcctw: 这样就可以了(? 03/14 23:04
4F:→ Moneyyyyy: 我试过了,可以了耶,谢谢,原来是要加var那行~~ 03/16 16:48