Чтобы увидеть проблему, перейдите к этому page и щелкните следующий текст. Текст маленький, средний полный текст будет слева (в IE8 или IE9, отлично работает в Chrome, FireFox) и не будет совмещен с левым краем изображения.IE 8 и 9, не изменяя размер контейнера, когда ширина установлена на изображении.
Код (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. Это не сработало. Я попытался установить источник изображения дважды. Это тоже не сработало.
Я затрудняюсь решить эту проблему. Любые идеи были бы очень оценены.
Update
Чтобы уточнить, проблема возникает, когда вы переход от пейзажного изображения на портретное изображение, в противном случае все работает, как ожидалось.
...?