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各版本都得试。^_^

 

 

你可能感兴趣的:(Ajax,ie7,ie8,样式,不生效)