13518219792
小编给大家分享一下IE8中jQuery.load()加载页面不显示的原因是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
我们提供的服务有：成都做网站、网站建设、微信公众号开发、网站优化、网站认证、莱西ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的莱西网站制作公司
一、jQuery.load()
jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据，并把数据放到指定元素中。
•url ：请求服务器的地址
•data ：可选项，请求时发送的数据
•callback ：可选项，请求成功后的回调函数
例：
$(".content").load(" https://www.imooc.com/data/fruit_part.html ")二、IE8中使用jQuery.load()加载页面无法显示的原因
首先，在IE8中，是可以使用jQuery.load()方法的（在兼容IE的jQuery版本下）
原因：在被加载页面中存在没有成对闭合的html标签，如
下面介绍下jquery中的load()方法使用要点
今天做在线聊天网页，聊天可以配图，需要使用弹出层的方式浏览大图效果。总共三层，底层html主结构，中间半透明遮罩，顶层是缩略图放大后的大图。用户点击缩略图后在半透明遮罩上呈现大图。
因为在线聊天，图片数量和地址都是动态未知的，因此用户点击缩略图时，应该在body下动态生成一个大图元素，并居中显示。代码如下：
$(".smallImg").click(function(){
var imgPath = $(this).attr("src");
var zh_bigImg = "当刚刚将缩略图的src赋给大图时，就来获取大图高度值和宽度值，这样似乎不妥。结果却是这样，新生成的大图位置始终在top:50%；left:50%处，F12打开调试窗口发现margin-top，margin-left都为0，在各大浏览器或多或少都会存在一些问题，时而有效时而无效。后来才发现，忘了使用load()方法。应该让大图加载完毕后，再来获取高度和宽度值。
改为这样：
$(".zh_bigImg").load(function(){
var bigImgTop = -$(this).height()/2;
var bigImgLeft = -$(this).width()/2;
$(this).css({
"margin-top":bigImgTop,
"margin-left":bigImgLeft
});
})后就正常了。
此外，jquery在处理页面动态创建的元素方面，好多地方都需要注意。它不会响应动态创建的元素的事件，只有用live()方法来绑定事件，才能解决问题（直接用原生的js不知道行不行）。比如点击大图，应该是清除这个元素。
$(".zhBigImg").click(function(){$(this).remove()}),点击大图时页面是不会有任何响应的。改为:$(".zhBigImg").live('click',function(){$(this).remove()})则可以。
以上是“IE8中jQuery.load()加载页面不显示的原因是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
