jquery - div 内的光滑轮播 div

标签 jquery slick.js

我正在使用 slick.js 插件,它很棒,但我遇到的一个问题是这个插件的目标是容器内的 div,对吧?

但是如果我在这些 div 中包含 div 呢?它把我搞砸了,就像它也计算内部 div 一样!!

那么我该如何处理呢?

<div class="your-class"> 
    <div>your content
        <div>another content!!</div>
    </div>
    <div>your content</div>
    <div>your content</div>
</div>

它应该只处理“您的内容”div,但处理“另一个内容!!” div 搞乱了我的布局,我想是因为 slick 将它算作幻灯片或其他东西的 div 。

因此,有什么办法可以在定义幻灯片的 div 中添加一个 div 吗?

最佳答案

我也遇到这个问题了。发现最好将div更改为标签,如果需要删除a标签的默认状态event.preventDefault()。

<div class="your-class"> 
    <a>your content
        <div>another content!!</div>
    </a>
    <a>your content</a>
    <a>your content</a>
</div>

希望有帮助!

关于jquery - div 内的光滑轮播 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33426059/

相关文章:

jquery - 幻灯片顶部的光滑轮播 prevArrow 和 nextArrows

javascript - Superfish 菜单在 IE9 中显示结构损坏,在 Chrome 中工作正常

javascript - 小数位像素对齐问题

javascript - 如何获取特定元素的 id

jquery - 触摸设备上的光滑轮播中同时出现 2 个点

html - 使用 css(Slick Carousel 库)在同一底部对齐图像 slider

javascript - JSON 和 Jquery : Create nested JSON from nested list elements

jquery - 多个元素的一键处理程序?

html - slick.js 加上基础均衡器问题

typescript - 将 slick-carousel 与 typescript 一起使用