2

石積みと格闘し続けています。仕事をしようとしているようですが、適切に調整されていません。私は何時間もそれを修正しようとしています。ここで検索したところ、同じ問題を抱えている人が見つかりましたが、解決策はうまくいきませんでした。すべてのコードは次のとおりです。

<div id="container">
    <?php while (next_news()): ?>
<div class="newsitem">
<span class="newstitle"><?php printNewsTitleLink(); ?></span>
<span class="newsdate"><?php printNewsDate(); ?></span>
<span class="newscontent"><?php printNewsContent(); ?></span>
</div>    
    <?php endwhile; ?>
</div>

CSS コード:

div.newsitem {
    width:215px;
    text-align:justify;
    margin:5px;
    padding:15px;
    float: left;
    font-size:12px;
    background-color:#FFF;
}

#container {
    display:inline-block;
}

スクリプトは次のとおりです。列に幅を指定するか、Gutterwidth を変更しようとしましたが、何も機能しませんでした。

私のスクリプト:-

<script>
$(function(){
$('#container').masonry({
itemSelector: '.newsitem'
});
});
</script>

そして、すべてを機能させるために含まれているファイルは次のとおりです。

<script src="<?php echo $_zp_themeroot; ?>/js/jquery-1.7.2.min.js"></script>
<script src="<?php echo $_zp_themeroot; ?>/js/jquery.masonry.min.js"></script>

そして、それが機能する場所: http://dagloos.com/lust/index.php?p=news 助けてください、本当に感謝します。この上から髪を引っ張ります。

4

3 に答える 3

1

何が問題なのかわかった！

<script src="<?php echo $_zp_themeroot; ?>/js/jquery.masonry.min.js"></script>

ファンシーボックススクリプトの後に配置する必要がありました。

于 2012-07-23T13:02:41.323 に答える
0

まずは入れてみる

  $(function(){$('#container').masonry({ itemSelector: '.newsitem' }); });

内部 

$(document).ready(function() {

関数、それはうまくいくはずです。

暗闇で撮影しますが、試してみてください：

div.newsitem {}

と

.newsitem{}

サイドノート：

<script type="text/javascript" src="/lust/themes/bottomline/js/jquery.fancybox-buttons.js"></script>

現在、404 につながります。

于 2012-07-23T12:47:27.777 に答える
0

コンソールでは、石材を読み込めなかったことが明確に示されています。

TypeError: オブジェクト [object Object] にはメソッド 'masonry' がありません

于 2012-07-23T13:06:00.753 に答える