1

メーソンリー プラグインが機能しないようです。何時間も試してみましたが、javascript エラーはありません。これは私のコードです（現在、基本だけでなく、ドキュメントページでも同様です）

HTML:

<div class="container">

<div class="item"></div>
<div class="item" style="height:320px;"></div>
<div class="item"></div>
<div class="item" style="height:300px;"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>


</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript">
    $(function(){
    $('#container').masonry({
        // options
        itemSelector : '.item',
    });
});
</script>

CSS:

body {
margin: 0;
padding: 0;
width: 1310px;
margin:0 auto;
background-color: #212121;
}
.container {
width: 1302px;
margin: 0 auto;
position: absolute;
}
.item {
width: 220px;
height: 200px;
margin: 10px;
float: left;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}

どんな助けでも大歓迎です、

ありがとうございました。

4

1 に答える 1

3 
$('#container').masonry({ //no element in the dom with id=container
    // options
    itemSelector : '.item',
});

cssセレクターが間違っています。IDを参照するものとしてアドレス指定して#containerいますが、その要素にはIDが指定されておらず、クラスのみが指定されています.container

セレクターを変更する$('.container')か、属性を追加しidます (つまり<div id="container">、これで準備完了です。

于 2012-12-20T20:31:19.940 に答える