根据iframe的高度隐藏Div

Question

我希望在iframe的高度达到一定大小而不需要重新加载页面时隐藏div

<script>
jQuery(document).ready(function($){
    if ($(".remove-text").height() <= 582) {
        $("#execphp-31").hide();
    } else {
        $("#execphp-31").show();
    };
});
</script>

这适用于页面加载，但如果iframe大小更改，则不会更新显示/隐藏功能

Answer 1

尝试在窗口加载和窗口调整大小时调用它。

$(window).on('resize', function() {
  if ($(".remove-text").height() <= 582) {
    $("#execphp-31").hide();
  } else {
    $("#execphp-31").show();
  };
});

Answer 2

您需要将此代码绑定到窗口加载和调整大小事件。

$(function() {
    $(window).bind("load resize", function() {
        if ($(".remove-text").height() <= 582) {
            $("#execphp-31").hide();
        } else {
            $("#execphp-31").show();
        };
    }
});