【2015.8.27】设计优化

标签：

昨天出现的问题，其实就是应该在style里面加一句话：

htmlDiv += ‘<span style="font-size: 15px; padding:5px; cursor:pointer" onclick="Jobarea.selectJobarea(\‘‘ + subids[j] + ‘\‘,\‘‘ + ja[subids[j]] + ‘\‘)"><strong style="color:#FFB200";>‘ + ja[subids[j]] + ‘</strong></span>‘;

就是一个cursor:pointer,其实原因在之前用this.style.cursor是不对，JS和HTML还是不一样的， 太年轻~~~不多说调整之后的结构

for (var i = 0; i < mainjobCity.length; i++) {
            var citycount = 0;
            if (lang == "C") {
                pinyin = mainjobCity[i]["Chinese"];
            }
            else {
                pinyin = mainjobCity[i]["English"];
            }//中英文处理
			if(i%2==0){
				 htmlDiv += ‘<tr align="left">‘;
				 htmlDiv += ‘<td align="right" style="padding:0px 5px" ><strong style="color:#3781B7";>‘ + pinyin + ‘</strong></td>‘;
				}else {
				 htmlDiv += ‘<tr bgcolor="#F7F7F7" align="left">‘;
                 htmlDiv += ‘<td bgcolor="#F7F7F7" align="right" style="padding:0px 5px"><strong style="color:#3781B7";>‘ + pinyin + ‘</strong></td>‘;				
				}//隔行背景调整

            var subids = mainjobCity[i]["subIds"];
            htmlDiv += ‘<td style="padding:5px 0px;">‘;
            for (var j = 0; j < subids.length; j++) {
				if(i==1&&j==0||i==6&&j==0||i==16&&j==0||i==16&&j==1){//重点城市加重
				htmlDiv += ‘<span style="font-size: 15px; padding:5px; cursor:pointer" onclick="Jobarea.selectJobarea(\‘‘ + subids[j] + ‘\‘,\‘‘ + ja[subids[j]] + ‘\‘)"><strong style="color:#FFB200";>‘ + ja[subids[j]] + ‘</strong></span>‘;
				}else{
                htmlDiv += ‘<span style="font-size: 15px; padding:5px; cursor:pointer"  onclick="Jobarea.selectJobarea(\‘‘ + subids[j] + ‘\‘,\‘‘ + ja[subids[j]] + ‘\‘)">‘ + ja[subids[j]] + ‘</span>‘;
				}
			}

            htmlDiv += ‘</td></tr>‘;
            if (i == 11) {//分左右table
                htmlDiv += ‘</table></td><td><table border="0" width="100%"  align="center" cellpadding="0" cellspacing="0">‘;
            }
        }

我还是在想是不是有优化的空间，因为看到别人的博客上说这里用table有些地方没必要用，而且各行显示的时候用CSS比这样好，犹豫的是如果这里用CSS，因为下文中还有其他不同的table，要么就是写ID，要么写其他的选择器，但是我们的前提是尽量不动通用的CSS，那个会好一些？

【2015.8.27】设计优化

标签：

原文地址：http://my.oschina.net/aiXMM/blog/498121