如果在image.load中設置了寬度，IE 8和9不調整容器大小

Question

要查看問題，請轉至此page並單擊下一個文本。 小號，中號大號文字將偏左（在IE8或IE9中，在Chrome，FireFox中效果不錯），並且不會與圖像的左邊緣對齊。

代碼（http://moments.qa.chucksoft.com/Scripts/mvc/views/show/Showview.js）154線：

ShowView.prototype.setImageSrc = function (imagesrc) { 

    var image = $('img#image'); 
    image.attr('src', imagesrc); 
    image.load(function() { 
     var container = $('div#imagecontainer'); 
     container.fadeIn(200); 
     var resizer = new Resizer(); 
     resizer.resize(this.width, this.height, maxWidth, maxHeight); 
     var image = $(this); 
     var imageWidth = (resizer.width + 23);    
     container.width(imageWidth); 
    }); 
     image.attr('src', imagesrc); 
    }; 

從我可以告訴container.width(imageWidth);沒有在IE8或IE9渲染。如果頁面被刷新，那麼它可以工作。使用內置的開發人員工具可以在html中顯示正確的值，但是如果在開發人員工具中使用選擇器工具，大綱不會反映已更改的寬度值。

我試過用香草javascript。這沒有用。我試過兩次設置圖像源。那也行不通。

我對如何解決此問題感到茫然。任何見解將不勝感激。

更新

爲了澄清，這個問題當您從橫向圖像肖像圖像過渡出現，否則一切正常。

...？

Answer 1

我還沒有想出這個問題。我採取了不同的方向。