IE7、IE8下ajax加载内容样式无法生效的解决办法

最近做一个项目,采用JQuery的Ajax进行页面局部替换显示,在FF里面显示都正常,但是在IE8下面走样,只能显示部分效果。一开始我也怀疑是不是Ajax返回的HTML内容格式、编码等出了问题,删除部分页面内容进行测试,依然在IE8下“不屈不挠”......然后开始百度、AOI。

最后这句话解决问题:把一个dom元素的display状态切换一下,可以让IE重新渲染和加载css。

网友的一段代码:

<script type="text/javascript">  
$(function(){  
    $(‘#bt‘).click(function(){  
        $(‘#main‘).dialog({  
            open: function(){  
                var self = $(this);  
                $.get(‘markup.jsp‘, function(markup){  
                    self.hide().html(markup).show(); //这里就是重点,操作的实际上是display属性  
                });  
            }  
        });  
    });  
});  
</script>

页面测试需谨慎,IE各版本都得试。^_^

时间: 2024-08-25 05:00:35

IE7、IE8下ajax加载内容样式无法生效的解决办法的相关文章

jQuery 滚动条下拉加载内容

现在很多网站为了更好的用户体验,那么就会预先加载一部分内容,等到滚动条下拉到底部的时候,然后使用 ajax或其它技术,请求更多的内容,这样会使网页的用户体验会更好些,那么这个是怎么样做到的呢?现在就在这里提供一种思路出来... $(function(){ //思路是:如果内容区域 小于等于 可视区高度加滚动条的高度的话那么就进行加载... $(window).scroll(function(){ // document 文档高度 var docHeight = $(document).heigh

protel 99se 加载库文件 files not recognised 解决办法-转

WIN7操作系统下,protel99se添加元件库的操作方法(非修改ADVSch99SE方法) 最近更换了新电脑,操作系统是正版的WIN7,在用protel时发现元件库无法加载,很是郁闷,上网查找解决方法,发现基本就一种方法,但我按照该方法操作后发现根本不起作用,大有上当之恼,直叹息许多博主光知道转载他人文章,却不理会其可行性,由是本人花了一个上午的时间终于找到了一个添加元件库的方法,虽然极尽粗糙,但还是有帮助的,现配合图片如下:< xmlnamespace prefix ="v"

WPF循环加载图片导致内存溢出的解决办法

程序场景:一系列的图片,从第一张到最后一张依次加载图片,形成"动画". 生成BitmapImage的方法有多种: 1. var source=new BitmapImage(new Uri("图片路径",UriKind.xxx)); 一般的场景使用这种方法还是比较方便快捷,但是对于本场景,内存恐怕得爆. 2. var data =File.ReadAllBytes("图片路径"); var ms = new System.IO.MemoryStr

使用custombox 和 validate 对动态加载的表达无法验证的解决办法

custombox.min.js  v3.0.2 jquery.validate.min.js jQuery Validation Plugin - v1.14.0 客户端用MVC的分部视图动态载入到主视图,js文件都在主视图调用 在custombox中使用 jQuery Validation针对动态添加的表单无法工作,验证不起作用,这里参考了网友大内老A的这篇文章如何解决jQuery Validation针对动态添加的表单无法工作的问题?问题得到解决 就是在动态载入的分部视图内加上这个自定义函

IIS无法加载字体文件(*.woff,*.svg)的解决办法

在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg),此时在加载字体时请求会被返回 Failed to load resource: the server responded with a status of 404 (Not Found). 原因是,默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型,因此在客户端请求此类文件时得到的都是404. 所以我们只需要在我们对应网站下的Mime类型中添加文件对应的类型就行了 .woff  application/

Bootstrap 模态对话框只加载一次 remote 数据的解决办法

前端框架 Bootstrap 的模态对话框,可以使用 remote 选项指定一个 URL,这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中,但是它只会加载一次,不过通过在事件中调用 removeData() 方法可以解决这个问题. Bootstrap modals dialog hidden removeData 目录[-] 1. Bootstrap 模态对话框和简单使用 2. 使用 remote 选项让模态对话框加载页面到 .modal-body 中 2.1

DuiLib中的GifAnim控件无法加载或者播放Gif动画的解决办法

一.无法加载gif图片的问题,因为GifAnim控件加载图片使用的是Gdi+,然而在控件中并没有初始化Gdi+,所以只需要在自己的主窗口类中添加如下代码: 1 // 全局 2 Gdiplus::GdiplusStartupInput gdiplusStartupInput; 3 ULONG_PTR gdiplusToken; 4 // 初始化函数中 5 //初始化GDI+. 6 GdiplusStartup(&gdiplusToken, &gdiplusStartupInput, NULL

Bootstrap 模态对话框只加载一次 remote 数据的解决办法(来源于网络)

1. Bootstrap 模态对话框和简单使用 1 2 3 4 5 6 7 8 9 10 11 12 13 <div id="myModal" class="modal hide fade">     <div class="modal-header">         <button type="button" class="close" data-dismiss="

jquery load()重复加载,多次加载 js 和css问题的解决办法

jquery load + div实现异步加载资源,出现重复js和css资源的重复加载,导致js失效或重复执行等问题: 调用load前执行语句: $.ajax({cache: false}) 关闭ajax缓存. 此方法已经过时 $.ajaxSetup ({ cache: false }); According to http://api.jquery.com/jQuery.ajaxSetup/ it's use isn't recommended. Try using $.ajax({cache