1

我有一个愚蠢的时刻，想知道你能帮忙。

我有一个名为“推荐”的自定义帖子类型。我有一个页面显示这些帖子。我想使用砖石（现在捆绑在 Wordpress 中）来处理我拥有的 2 列布局。

我完成了本教程，但它涉及图像，而我没有。

我有这个代码

<script>
  //set the container that Masonry will be inside of in a var
  var container = document.querySelector('.testimonial-boxes');
  //create empty var msnry
  var msnry;
  // initialize Masonry after all images have loaded
  imagesLoaded( container, function() {
      msnry = new Masonry( container, {
          itemSelector: '.testimonial-box'
      });
  });
</script>

在浏览器控制台中我有这个错误Uncaught ReferenceError: imagesLoaded is not defined

我将如何调整上面的代码以不等待图像被加载？

谢谢

[更新]

我将脚本放在它自己的 .js 文件中，并在我functions.php导入的脚本中使用wp_enqueue_script如下所示。

wp_enqueue_script('testimonial-masonry', get_stylesheet_directory_uri().'/js/testimonial-masonry.js', array( 'masonry' ), '1.0', true );

4

1 回答 1

0

如果您只是想删除该imagesLoaded()功能 - 您的代码应如下所示

<script>

  //set the container that Masonry will be inside of in a var
  var container = document.querySelector('.testimonial-boxes');
  //create empty var msnry
  var msnry;

  // initialize Masonry
  msnry = new Masonry( container, {
    itemSelector: '.testimonial-box'
  });

</script>

该imagesLoaded()函数在完成块内进行了砌体初始化 -function(){ ... }所以您需要做的就是删除它以及它周围的所有东西。

更新：通过将函数调用移动到砌体包含之后解决了该错误。

于 2014-05-20T10:49:53.363 回答