0

私はこのウェブサイトを作っています：

http://frankkluytmans.nl/testsite/

そして、wookmark jqueryプラグインを使用してリスト項目を垂直方向に適切に整列させるリストビューを作成します。現在、リスト項目は垂直に折りたたまれています (リンクを参照)。これを解決するにはどうすればよいですか?

CSS:

#content ol {
    position: relative;
    display: block;
    margin-left: -2%;

    list-style-type: none;
}

#content ol li {
    display: block;
    width: 18%;
    height: auto;
    margin-left: 2%;
    margin-bottom: 20px;
    padding: 3px;

    background: white;
    float: left;    
}

#content ol li img {
    width: 100%;
    border: none;   
}

JS:

$('#content ol li').wookmark({
     container: $('#content ol'),
     offset: 20
});
4

1 に答える 1

0

自力で解決することができました。リスト要素の正しい高さを計算するには、Webkit ブラウザで最初に画像を読み込む必要があることがわかりました。

私はこれに私のJSを微調整しました：

 $("img").load(function() {
        $('#content ol li').wookmark({
            container: $('#content ol'),
            offset: 15
        });
    });
于 2013-04-24T07:56:27.400 に答える