0

我设置了 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; }
4

2 回答 2

3

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

例如：

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

而且您的代码有一些错误：1.您在“调整大小”之后使用了两个左括号，而不仅仅是一个。2.你应该选择窗口而不是文件来调整大小功能。

我希望这会有所帮助。

于 2013-01-04T02:44:14.303 回答
1

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

这是一个演示：http: //jsfiddle.net/hansvedo/S3R7w/

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

这是语法：

$('div#disqus-container').bind('resize', function(){
    // your code
});
于 2013-01-04T00:09:08.310 回答