调整大小时Onresize事件未运行

Question

我设置了javascript window.onresize事件来运行其他函数，这些函数符合div的大小和body的大小。问题是当通过添加注释（使用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（）{here}）;

例如：

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

您的代码有一些错误： 1.在＆＃34; resize＆＃34;之后，您正在使用两个空心括号。而不只是一个。 2.您应该为调整大小功能选择窗口而不是文档。

我希望有所帮助。

Answer 2

有一个jQuery插件可以让你定位Disqus正在运行的容器元素。

以下是演示：http://jsfiddle.net/hansvedo/S3R7w/

这是插件：http://benalman.com/projects/jquery-resize-plugin/

这是语法：

$('div#disqus-container').bind('resize', function(){
    // your code
});