Javascript 在WordPress中安装砌体

Javascript 在WordPress中安装砌体,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,这是我的第一篇文章,我是WordPress的新手,所以请不要问我愚蠢的问题 目前,我正试图在WordPress附带的标准Twenty-Eleven主题的基础上,将砖石结构安装到子主题中 我已经遵循了大约20个不同教程的指导,不知道为什么我不能让它工作。我特别想让它为开发项目工作 任何能指引我正确方向的建议。也许有人能告诉我我做错了什么 更新日期:2012年11月30日 我已将纸条更改为以下内容: <script type="text/javascript"> jQuery(docum

这是我的第一篇文章,我是WordPress的新手,所以请不要问我愚蠢的问题

目前,我正试图在WordPress附带的标准Twenty-Eleven主题的基础上,将砖石结构安装到子主题中

我已经遵循了大约20个不同教程的指导,不知道为什么我不能让它工作。我特别想让它为开发项目工作

任何能指引我正确方向的建议。也许有人能告诉我我做错了什么

更新日期:2012年11月30日 我已将纸条更改为以下内容:

<script type="text/javascript">
jQuery(document).ready(function($){
  var $container = $('.container');
  $container.imagesLoaded(function(){
    $container.masonry({
      itemSelector : '.featured',
      singleMode:true
    });
  });
});
</script>

jQuery(文档).ready(函数($){
var$container=$('.container');
$container.imagesLoaded(函数(){
$container.com({
项目选择器:'.featured',
单模:真
});
});
});
html的结构如下所示:

<div class="container">
  <div class="featured">
      Stuff inside
  </div>
</div>

里面的东西
还是不走运。有什么想法吗?

你在用这个

var $container = $('#container');
  $container.imagesLoaded(function(){
    $container.masonry({
      itemSelector : '.item',
      columnWidth : 240
    });
  });
这会失败,因为您的“平铺”都使用容器作为id,
$(“#容器”)
希望只找到一个元素。同一页上不应该有多个id相同的元素

如果您查看砌体教程示例标记

<div id="container">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
  ...
</div>

...
...
...
...
有一个id为容器的div,每个项都具有相同的类


您需要将所有项目放入id为“container”的div中,并将“featured”类添加到所有要平铺的元素中。

我发现了我的问题,并且能够解决我的问题

在我的functions.php文件的底部做了它,而不是将Jquery放入队列中

wp_enqueue_script('jquery');
wp_register_script('jquery_masonry', get_template_directory_uri().'/js/jquery.masonry.min.js', array('jquery'), '2.0.110526' );
wp_enqueue_script('jquery_masonry');
再加上你提到的变化,恩里科,和繁荣!砖石工程正在施工。
非常感谢你的帮助,如果没有你的帮助,我的头还会撞在石头上

没有愚蠢的问题。我们都只是从一个角度出发。Enrico的评论是+1,如果这个网站上有更多的人有同样的感觉:(我已经更改了代码,按照您在此处指定的方式,使用了一个包含类项目的容器,遗憾的是,这似乎并没有让我更接近一个可用的砖石页面。感谢您的帮助!您让我朝着正确的方向前进。我确信昨晚我在某个时间点上一切都是正确的,但错过了重要的提示。)谢谢你提供的一切!