Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
IE中的Jquery图像加载_Jquery - Fatal编程技术网

IE中的Jquery图像加载

IE中的Jquery图像加载,jquery,Jquery,我一直在尝试使用一个脚本,它在Chrome和firefox中运行良好,但在IE中遇到了阻塞 看这里 为什么它在Ie中不起作用,有什么想法吗?至少在某些Ie版本中,您必须在设置.src属性之前注册加载事件,因为如果图像在缓存中,当您设置.src时,加载事件将立即触发,因此,如果您尚未设置.load事件处理程序,则将错过加载事件 在JSFIDLE代码中,它需要是这样的(也简化了一点): var url=this.href; $(' 你可以在这里看到它的工作原理:它只有在从缓存加载映像后才会中断,对

我一直在尝试使用一个脚本,它在Chrome和firefox中运行良好,但在IE中遇到了阻塞

看这里


为什么它在Ie中不起作用,有什么想法吗?

至少在某些Ie版本中,您必须在设置
.src
属性之前注册加载事件,因为如果图像在缓存中,当您设置
.src
时,加载事件将立即触发,因此,如果您尚未设置
.load
事件处理程序,则将错过加载事件

在JSFIDLE代码中,它需要是这样的(也简化了一点):

var url=this.href;
$('

你可以在这里看到它的工作原理:

它只有在从缓存加载映像后才会中断,对吗?哪个IE版本?我在IE9中查看它,它看起来像是在工作。在JSFIDLE上设置了它,只是将它粘贴到JSFIDLE中,没有什么区别。你需要更改I.attr('src'))对于this.href,要使其工作,还不能编辑答案,所以请在这个注释中使用它。@Dampsquid-好的,进行了更改,以使其在JSFIDLE中工作。我只是想说明他们必须将
.src
的设置放在哪里。这是这里的要点,但现在它已经简化,并且在我的JSFIDLE中也可以使用:。是的,您已经识别了错误,这是一个我不知道的问题,所以我自己学到了一些新的东西,对所有的web开发人员来说都是新的,没有使用JQuery,但是使用了mootools和它非常相似的东西。
var url = this.href;
$('<img />').load(function() {
    $('#imageWrap').css('background-image', 'none');
    $('#mainImage').attr('src', url).fadeIn();
}).attr('src', url);