Question

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

我有一个名为＆＃34;自我评价＆＃34;的自定义帖子类型。我有一个显示这些帖子的页面。我想使用砌体（现在捆绑在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

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

由于

[UPDATE]

我将脚本放入其自己的.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(){ ... }所以您需要做的就是删除它及其周围的所有内容。

更新：错误已通过在砌体包含后移动函数调用来解决。

Wordpress - 在发射砌体时更改

[UPDATE]

1 个答案: