Question

我目前有一个工作脚本，可以根据WordPress中（文档）.ready上的最大大小调整一些div。我也希望在窗口调整大小时合并，它应该触发相同的功能。我尝试添加（窗口）时遇到了很多麻烦。还有 - 我试图将它们组合起来，制作一个外部功能，甚至只是复制＆amp;粘贴相同的功能（但窗口调整大小而不是文档就绪作为触发器）。没有骰子...如何在WP中结合这两个触发器的任何帮助将非常感激！

我为Document Ready提供的工作代码：

jQuery(document).ready(function($){

$('.service-row').each(function() {
  var highestBox = 0;

$('.service-item', this).each(function() {
  if ($(this).height() > highestBox) {
    highestBox = $(this).height();
  }
});

$('.service-item', this).height(highestBox);
        });

});

Answer 1

一种方法是将该代码包装在resize处理程序中，并在页面加载时触发resize事件以导致初始运行

jQuery(document).ready(function($) {

  $(window).on('resize', function() {
    $('.service-row').each(function() {
      var highestBox = 0;

      $('.service-item', this).each(function() {
        if ($(this).height() > highestBox) {
          highestBox = $(this).height();
        }
      });

      $('.service-item', this).height(highestBox);
    });
  // trigger resize on page load
  }).resize()


});

运行jQuery函数Document Ready＆amp; Wordpress中的窗口调整大小

1 个答案: