如何将.owl分页移动到主要的猫头鹰包装程序之外?猫头鹰轮播2 [英] How can I move .owl-pagination outside the primary owl wrapper? OwlCarousel2

查看:108
本文介绍了如何将.owl分页移动到主要的猫头鹰包装程序之外?猫头鹰轮播2的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果有一种简单的方法可以将.owl-pagination移动到主猫头鹰包装程序之外的另一个div,那就太好了.想知道是否有直接的方法来完成此任务?

It would be great if there was a simple way to move .owl-pagination to another div outside the primary owl wrapper. Wondering if there is a straightforward way to accomplish this?

推荐答案

它与标准选​​项一起使用: navContainer dotsContainer

It works with standard options: navContainer and dotsContainer

html

<!-- html custom containers -->
<div id="customNav" class="owl-nav"></div>
<div id="customDots" class="owl-dots"></div>

javascript

javascript

$('#owl-carousel').owlCarousel({
    // move navContainer outside the primary owl wrapper
    navContainer: '#customNav',
    // move dotsContainer outside the primary owl wrapper
    dotsContainer: '#customDots',

   // other OwlCarousel2 options
})

对于OwlCarousel2问题 663

For OwlCarousel2 issue 663,

这篇关于如何将.owl分页移动到主要的猫头鹰包装程序之外?猫头鹰轮播2的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆