Force dom在JavaScript中重新加載/調整大小

Question

我的應用程序中有一個側欄，可以通過切換按鈕隱藏/顯示。它簡單地切換「body」上的一個類，該類爲內容區添加了一些餘量，並隱藏/顯示邊欄。麻煩的是，當它被切換時，內容區域沒有調整其子內容的大小。一旦我調整了瀏覽器的大小，內容區域將調整爲適合內容，但我需要它在切換後執行此操作，而無需調整窗口大小。有沒有辦法觸發元素大小刷新或刷新來解決這個問題？使用Chrome 19.x.

$('#sidebar-toggle').click(function(event) { 
    event.preventDefault(); 
    $('body').toggleClass('with-sidebar-left'); 
}); 

編輯：好像它可能是一個Webkit的問題。在Firefox中正常工作。

編輯2：設置簡化構建在以下位置：

https://dl.dropbox.com/u/189605/misc/build-test/grid.html

你可以看到框是浮動：左，當你使用的小箭頭按鈕最小化工具條，它應調整權利，讓更多的盒子適合。在Webkit中，您必須調整瀏覽器大小以實現更大的空間。適用於Firefox。

Answer 1

從my answer here解決方法適用於您的情況。

這裏有一個快速演示：http://jsbin.com/amakex

它工作在兩個Chrome和Safari（勿庸置疑，你原來的演示也沒有在Safari工作）。

Answer 2

你可能只是引發調整大小在您單擊處理程序，如：

$(window).trigger('resize') 

Answer 3

你說 - 「但我需要它來切換之後做到這一點，而不需要調整窗口的大小」。您可以使用jQuery的回調做到這一點