如何在弹出显示和附加由 AJAX 调用返回的数据后增加/减少 FancyBox2 弹出窗口大小

How can i Increase/Decrease FancyBox2 popup size after popup display and appending data which is return by an AJAX call

本文关键字：数据 增加 减少 窗口大小 FancyBox2 返回 AJAX 显示 调用      更新时间：2023-09-26

我有一个应用程序，我在其中显示了一个花哨的盒子。显示花式框后，我正在进行ajax调用，该调用返回一些数据。当我将该数据附加到Fancybox中时，我得到了滚动条。每当在花式框中动态添加/删除任何数据时，我想调整花式框的大小。请朋友帮助我解决这个问题。

谢谢大家，终于我找到了解决方案，只需添加这些替换您的花式框中的这一行 origHeight = body.outerHeight（true）; 与 origHeight = body.height（）+10; 并添加此行 origWidth = body.width（）+10;。

之后，只需将fancybox的高度设置为auto，并在任何附加/删除数据后调用window.parent.jQuery.fancybox.update（）。喜欢

$("a.fancy-view").click(function(){
  var viewID = $(this).attr("id");
  $("#"+viewID).fancybox({
      type: 'iframe',
      'autoSize': false,
      'autoDimensions'        :   false,
      href: $("#"+viewID).attr('href'),
      width:600,
      height:'auto',
      'beforeLoad': function(){
         $.fancybox.showLoading();
       }
    });
 });
$(document).ready(function(){
$("#append").click(function(){
$("#mydiv").html(anyhtmldata);
window.parent.jQuery.fancybox.update();
});
});

完成后，我发现我正在寻找的东西我得到了它。

相关文章：