javascript - jQuery的Kwicks不同大小

我正在使用Kwicks for jQuery进行垂直下拉：http://www.jeremymartin.name/projects.php?project=kwicks

看一下标记：

<ul class="kwicks">
    <li id="kwick1">
        <div class="title">Title 1</span>
        <div class="item"><b>Item 1</b> Description 1</div>
        <div class="item"><b>Item 2</b> Description 2</div>
        <div class="item"><b>Item 3</b> Description 3</div>
        <div class="item"><b>Item 4</b> Description 4</div>
    </li>
    <li id="kwick2">
        <div class="title">Title 2</span>
        <div class="item"><b>Item 1</b> Description 1</div>
        <div class="item"><b>Item 2</b> Description 2</div>
        <div class="item"><b>Item 3</b> Description 3</div>
        <div class="item"><b>Item 4</b> Description 4</div>
        <div class="item"><b>Item 5</b> Description 5</div>
        <div class="item"><b>Item 6</b> Description 6</div>
    </li>
    <li id="kwick3">
        <div class="title">Title 3</span>
        <div class="item"><b>Item 1</b> Description 1</div>
        <div class="item"><b>Item 2</b> Description 2</div>
    </li>
    <li id="kwick4">
        <div class="title">Title 4</span>
        <div class="item"><b>Item 1</b> Description 1</div>
        <div class="item"><b>Item 2</b> Description 2</div>
        <div class="item"><b>Item 3</b> Description 3</div>
        <div class="item"><b>Item 4</b> Description 4</div>
    </li>
</ul>

Javascript：

$().ready(function() {
    $('.kwicks').kwicks({
        min : 15,
        spacing : 9,
        isVertical : true,
        sticky : true,
        event : 'click'
    });
});

在此处实时查看：http://jsfiddle.net/6xL5M/3/

如您所见，它们具有不同的内容大小，并且默认情况下，用于jQuery的Kwicks使用相同的大小显示所有内容，难道没有一种方法可以使每个人都有自己的身高吗？

非常感谢预先。

最佳答案

我只是花时间浏览Kwicks并在自己的沙盒上使用代码，以便弄清楚如何为每个锂电池创建一个具有不同高度的列表（当处于非活动状态时）。

不幸的是，答案是kwicks库不支持这一点。我想出了两种不同的方式。首先，我看了API ---此设置没有配置。其次，我试图在Kwicks上使用CSS来获得结果，但是Kwicks库在计算中没有考虑我的任何CSS，因此元素最终位于其他元素之上（错误）。

如果您想要这种类型的功能，则要么必须扩展Kwicks库，要么只需编写自己的代码即可。