Wordpress - 砌体被解雇时的变化

Question

我有点傻，想知道你能帮忙。

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

我通过this tutorial 工作，但它涉及图像，而我没有。

我有这个代码

<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 );

Answer 1

如果您只是想删除 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(){ ... } 所以您需要做的就是删除它以及它周围的所有东西。

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