tab页面,使用iframe的方式。
iframe在加载页面时,数据比较多,样式等没有加载完全。
于是给它增加了一个蒙板,css3加载页面。
等加载完成蒙板取消。
$("#" + iidd).bind("click",function (e) {
$("#iframeLoadingMask").show(); //加载蒙板显示
$('#centerContentTabs').tabs('add', {//增加tab
title: nameCn,
id:'tabs1',
content: content //有iframe
})
$("#"+iframeid).load(function(){// 等iframe加载完毕
$("#iframeLoadingMask").hide();
});
});
css3的动画在其他浏览器都没有问题,单独使用ie10 和 360极速浏览器都没有问题。但是放在项目中就会卡住,要等iframe的页面加载渲染完才会动。