javascript - jQuery Roundabout - 元素的错误位置

Question

我正在使用jQuery Roundabout创建一个简单的 JS Roundabout。我用

$(document).ready(function(){
    $('.roundabout').roundabout({
    });
});

并给元素以下CSS：

.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 10em;
    width: 10em;
}
.roundabout-moveable-item {
    height: 4em;
    width: 4em;
    cursor: pointer;
    background-color: #ccc;
    border: 1px solid #999;
}
.roundabout-in-focus {
    cursor: auto;
}

出于某种原因，我的测试页面上的元素对齐方式不正确。我已经尝试了多种方法来解决问题，但我无法弄清楚是什么导致了问题。使用我在网站上的默认设置，水平对齐应该在一条线上。知道这里可能出了什么问题吗？

Answer 1

确保您已将 API 设置tilt为 0。

$('.roundabout').roundabout({
    tilt: 0
});

此外，如果您将图像放置在 中.roundabout-moveable-item，则需要确保将图像的宽度设置为100%.

.roundabout-moveable-item img {
    width: 100%;
}