Javascript IE 8&;9在image.load中设置宽度时不调整容器大小
若要查看问题,请转到此处并单击下一个文本。小型、中型全尺寸文本将向左移动(在IE8或IE9中,在Chrome、FireFox中可以正常工作),并且不会与图像的左边缘对齐 代码()第154行:Javascript IE 8&;9在image.load中设置宽度时不调整容器大小,javascript,jquery,internet-explorer-8,internet-explorer-9,Javascript,Jquery,Internet Explorer 8,Internet Explorer 9,若要查看问题,请转到此处并单击下一个文本。小型、中型全尺寸文本将向左移动(在IE8或IE9中,在Chrome、FireFox中可以正常工作),并且不会与图像的左边缘对齐 代码()第154行: ShowView.prototype.setImageSrc = function (imagesrc) { var image = $('img#image'); image.attr('src', imagesrc); image.load(function () {
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。那是行不通的。我试过两次设置图像源。这也不管用
我不知道如何解决这个问题。任何见解都将不胜感激
更新
为了澄清这一点,当您从横向图像过渡到纵向图像时,就会出现问题,否则一切都会按预期进行
我还没有弄清楚这个问题。我选择了另一个方向