要查看问题,请转到此页面 并单击下一个文本。小、中的全尺寸文本将偏向左侧(在 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。那没有用。我已经尝试设置图像源两次。那也没有用。
我不知道如何解决这个问题。任何见解将不胜感激。
更新
澄清一下,当您从横向图像转换为纵向图像时会出现问题,否则一切都会按预期工作。
... ?