如果动态列表仅具有3个LI，则将UL偏移100px

Question

我有一个动态图像轮播，在视图中保存3个图像，1个完整图像，其中2个任意一侧如果有超过3个截止...这很好但我正在寻找一种方法来抵消UL到左侧如果它只有3张图像..它目前显示2个图像在屏幕上分割，但都没有居中。所以基本上我想识别一个UL，如果左边只有3 li偏移100px。

Answer 1

要检查3 li是否退出动态轮播，您需要执行以下代码：

var len = $("#yourcontainer li").length;

if(len == 3) {

// Only 3 LIs

}

</script>

其中#yourcontainer是您要计算的li的父级中的直接或稍高级别。 Len将拥有#yourcontainer下的li的数量。然后我们检查len = 3，然后可以执行条件命令，任何你想要的。

Answer 2

var $carousel = $('#carousel');
var $ul = $carousel.find('ul');
var $lis = $ul.find('li');

if ($lis.length === 3) {
    $ul.css('margin-left', '-100px');
}