1

jQueryラウンドアバウトを使用して単純なJSラウンドアバウトを作成しています。コードを初期化した

$(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;
}

何らかの理由で、私のテストページでは要素の配置が正しくありません。私は問題を解決するために複数のことを試みましたが、何が問題を引き起こしているのか理解できません。私がサイトに持っているデフォルト設定では、水平方向の配置は1行になっているはずです。ここで何がうまくいかない可能性があるか考えてみてください。

Image1

4

1 に答える 1

1

APItiltが0に設定されていることを確認してください。

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

また、の中に画像を配置する場合は.roundabout-moveable-item、画像の幅をに設定していることを確認する必要があります100%。

.roundabout-moveable-item img {
    width: 100%;
}
于 2012-09-05T11:42:33.610 に答える