Question

我需要在我的网页上处理div调整大小。问题是我不知道为什么resize函数导致stackoverflow异常。你能解释一下我做错了什么吗？

这是一个jsfiddle示例：https://jsfiddle.net/u9q4k4ce/

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
    function start() {
        $(document).ready(function () {
            $("#divId").off('resize').on('resize', function () {
            });

            $(window).bind('resize', function () {
                $("#divId").resize();
            });
        });
    }
</script>

</head>
<body onload="start()">
<div id="divId" style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;"></div>
</body>
</html>

在jsfiddle中我提供了任何窗口调整大小导致堆栈溢出。我使用最新的Chrome，赢了7。

任何帮助将不胜感激。

Answer 1

请浏览https://api.jquery.com/resize/。你应该将一个回调/处理程序传递给你的resize（）。

$( window ).resize(function() {
  $( "#log" ).append( "<div>Handler for .resize() called.</div>" );
});

jQuery resize（）函数导致堆栈溢出异常

1 个答案: