jquery - 清除响应式 jQuery 循环

Question

我使用 jQuery cycle 创建了一个响应式图像 slider .

我使用的以下设置工作正常，除了包含 .cycle 的 div 没有被正确清除，使它之后的任何内容都位于它下面。

这是因为 div 是相对的而它的子元素是绝对的。

     $('.cycle').cycle({
        slideResize: true,
        containerResize: false,
        fit: 1,
        width: "fit"
     });

我的问题是，如何在没有固定高度或使用一些事件繁重的 JavaScript 的情况下清除响应式 .cycle div？

这是我在 jsfiddle 上的代码:http://jsfiddle.net/blowsie/HuNfz/19/

---

更新:

我写了一些代码来修复循环的高度，它按预期工作(虽然它有时会出错)，但它的事件很重而且不是很流畅。

我很乐意看到可以用纯 CSS 或更改循环设置来完成。

http://jsfiddle.net/blowsie/HuNfz/22/

Answer 1

Cycle 响应不是很友好。但 Cycle2 绝对是。在这里查看:http://jquery.malsup.com/cycle2/