javascript - Onresize 事件未在调整大小时运行

Question

我将 javascript window.onresize 事件设置为运行其他使 div 大小适合主体大小的函数。问题是，当通过添加评论(使用 disqus)调整屏幕大小时，尺寸应该适合新主体尺寸的 div 不适合。我的意思是没有运行 onresize 函数。

如您所见，右侧的 div 并没有随着评论的添加而增长(见边框)。你知道 onresize 事件是如何工作的吗？

PS: 当我在 firefox 上打开开发者工具时，div 被调整了大小，我不知道为什么，但是 onresize 事件运行了。只有在这种情况下。

编辑: 尝试运行此 jquery 脚本:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"                          type="text/javascript"></script>
<script>
        $(document).resize(function(){
            tamanho_barra();
        });
</script>

但是，还没有工作。我试图将“文档”更改为随机 div，看看是否会发生什么，但什么也没有。我不知道是什么问题。你能帮帮我吗？

Edit2:现在在 rcabral 的帮助下工作。他让我给内容加上一个背景图，就是一个1px的黑点，一直重复到页面底部。

#content { background:url('<?php bloginfo('template_directory'); ?>/images/gray_dot.gif') 634px 0px repeat-y; } 

Answer 1

您的脚本不会自动运行。您必须将它包含在 DOM 准备就绪时运行的函数中:$(document).ready(function() { here });或 $(function() { 这里 });

例如:

<script>
$(function() {
        $(window).resize(function(){
            $("#barra").tamanho_barra();
        });
});
</script>

并且您的代码有一些错误:1. 你在“调整大小”之后使用了两个左括号，而不是一个。2. resize功能应该选择window而不是document。

希望对您有所帮助。