jquery - 如何在 jCoverflip 中使用“当前”，使当前项目始终位于动态生成列表的中间？

Question

我想用 jCoverflip 创建一个缩略图轮播。我知道如何用数字选择当前项目 - 这很简单：

current: 0

这将选择列表的第一项。但是我有一个带有缩略图的动态生成列表，并且想选择中间的一个作为当前列表。jCoverflip 文档链接在这里

没有真正的帮助，因为没有例子。你们中有人知道如何选择中间的列表元素吗？不可能那么复杂。它必须是这样的：

current: $('.clips > li').length()/2 

但我不知道正确的语法。知道的请帮帮我！

问候

Answer 1

获取列表长度的语法是

$('#flip').jcoverflip('length');

但这仅在您的列表中实例化 .jcoverflip 时才可用，并且当您在列表中实例化 .jcoverflip 时需要此值，因此在我看来，它有点像第 22 条问题。

我解决它的方法是像这样从#flip 获取 li 项目的数量

var middle = Math.round($('#flip li').length / 2);

然后我实例化了 .jcoverflip

$('#flip').jcoverflip({
    current: middle
});

我使用 Math.round 以防列表中的项目数是奇数。如果您将浮点数作为当前值，Jcoverflip 将不起作用。