Wordpress 砖石问题

我想第一次使用massy.js，但我遇到了麻烦。。。。我检查了解决方案，但没有/看不到错误

我的想法是在WordPress提要的砖石结构中显示帖子。 我会非常感谢你的帮助。 这就是问题所在

<div id="masonry" class="article_div js-masonry" data-masonry-options='{ "columnWidth": 200, "itemSelector": ".item" }'>>

    <?php query_posts('category_name=cat1, cat2, cat3');?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="item">
    <?php the_post_thumbnail(); ?>

    <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
    <p><?php the_content(); ?>
    </div>
    <?php endwhile; else: endif; ?>

    <br class="clear">

</div>

或者你还有其他建议吗？

---

感谢您的帮助：

我会这样做，您可以在其中添加自定义jquery代码

var $isotope_container = $('#masonry');
var sortBy = 'random';
var columnWidth = '.item';

$isotope_container.isotope({
    layoutMode: 'masonry',
    masonry: {
      columnWidth: columnWidth
    },
    itemSelector : '.item',
    sortBy: sortBy
});

---

你需要在你的主题和砖石结构中添加新的内容。

如果你有某种自定义的.js文件，可以在其中添加你自己的jquery，最好在那里添加。另外，你需要在wordpress主题（同位素、砖石等）中加入必要的库，砖石才能工作。我有masorny.js，但我没有在这里发布这部分内容。我做了你现在说的事情，但仍然看不到页面上的任何更改。它仍然显示在帖子下面：/

var $isotope_container = $('#masonry');
var sortBy = 'random';
var columnWidth = '.item';

$isotope_container.isotope({
    layoutMode: 'masonry',
    masonry: {
      columnWidth: columnWidth
    },
    itemSelector : '.item',
    sortBy: sortBy
});