Foundation Reveal 打开后触发 jquery 函数

Question

我正在使用Foundation's Reveal 打开一个模态，如何在模态打开后触发以下代码？

jQuery(document).foundation();

// Ensure all product code cells are the same height
$('.product-codes').each(function(){
  // Cache the highest
  var highestBox = 0;
  // Select and loop the elements you want to equalise
  $('.column-data', this).each(function(){
    // If this box is higher than the cached highest then store it
    if($(this).height() > highestBox) {
      highestBox = $(this).height();
    }
  });
  // Set the height of all those children to whichever was highest
  $('.column-data',this).height(highestBox);
});

Answer 1

你需要在open.zf.reveal事件上调用你的函数

jQuery(document).on('open.zf.reveal',function(){

// Ensure all product code cells are the same height
$('.product-codes').each(function(){
  // Cache the highest
  var highestBox = 0;
  // Select and loop the elements you want to equalise
  $('.column-data', this).each(function(){
    // If this box is higher than the cached highest then store it
    if($(this).height() > highestBox) {
      highestBox = $(this).height();
    }
  });
  // Set the height of all those children to whichever was highest
  $('.column-data',this).height(highestBox);
});

});