Onresize事件未在調整大小

我設置了javascript window.onresize事件來運行適合div尺寸與body尺寸的其他函數。問題是，當通過添加註釋（使用disqus）來調整屏幕尺寸時，尺寸應該與新身體尺寸匹配的div不適合。我的意思是onresize函數沒有被運行。Onresize事件未在調整大小

enter image description here

正如你可以看到，右邊的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，看看是否會發生什麼，但沒有。我不知道有什麼問題。請問你能幫幫我嗎？

編輯2：現在與rcabral的幫助。他告訴我添加一個背景圖片到1px黑點的內容，並重復它直到頁面底部。。

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

來源

2013-01-03 João Vinholi

'文件'與'窗口'不是一回事' –

對不起，沒明白你的意思。 –

將內容添加到頁面使「文檔」調整大小;而不是「窗口」。 –

有一個jQuery插件，可以讓你的目標是Disqus是在運行的容器元素

這裏有一個演示：http://jsfiddle.net/hansvedo/S3R7w/

這裏的插件：http://benalman.com/projects/jquery-resize-plugin/

而這裏的語法：

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

來源

2013-01-04 00:09:08 hansvedo

我相信這隻能連接到'window'對象：http://api.jquery.com/resize/ – Jason

是的，它只適用於窗口對象。 –

但必須有辦法做到這一點，http://omgubuntu.co。英國評論的頁面在整個頁面上都有一個邊界，並隨着新的評論而增長。 –

您的腳本不會自動運行。您必須將它包含在DOM準備就緒的函數中：$（document）.ready（function（）{here}）;或$（function（）{here}）;

例如：

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

而且你的代碼中有幾個錯誤： 1.您正在使用後，兩個開括號「調整」，而不是隻有一個。 2.你應該選擇窗口而不是文件來調整大小功能。

我希望有幫助。

來源

2013-01-04 02:44:14 rcabral

謝謝rcabral，解決了我的一些問題。但問題仍然存在，因爲我想要的是運行tamanho_barra（）;功能在文檔大小發生變化時，而不是在窗口被更改時。你知道一些方法來做到這一點？ –

Onresize事件未在調整大小

回答

相關問題