动态创建表格
var row = 2;//可以动态传入行数
var col = 3;//可以动态传入列数
var divHtml = '<table id="showTable">';//创建表格HTML页面
for(var j=0;j < screenheight;j++){
divHtml += '<tr>';
for(var i = 0;i < screenwidth;i++){
//此处可以通过设置div的高度和宽度占据相应的位置大小
divHtml += '<td><div name=' + (i+1) + "*" + (j+1) + ' style="width:100px;height:320px; border:1px solid #fff"></div></td>';
}
divHtml += '</tr>';
}
divHtml += "</table>";
根据动态获取的页面位置将需要的页面塞入相应的位置:
var position = "1*2";//可以动态传入显示位置
//此处最好自己定义一个标签,根据标签定位,如果根据选择器容易发生冲突。
$("div[name='"+ position +"']").html("需要放置的页面");
如果之前设置了定高,塞入页面的时候需要占据2个高度(宽度类似操作)
if(key.indexOf("Tab") != -1){
$("div[name='"+position+"']",document).parent().parent().next().find("td").eq(screencol).attr("style", "display:none");
$("div[name='"+position +"']",document).parent().attr("rowspan", "2");
$("div[name='"+position +"']",document).css("height", "640px");
}