标签：界面 color 业务 首页 展示区 liClass 加载

用户登陆上业务主界面时，分割出的另一个页面加载业务首页

1.通过了验证，登录到业务主界面

省略

2.左侧导航栏自动选中工作台

省略

3.业务展示区自动加载业务主界面

在入口函数写一个页面加载完成事件，发起一个同步请求，将业务主界面返回到业务展示区

//页面加载完毕
$(function(){
​
   //导航中所有文本颜色为黑色
   $(".liClass > a").css("color" , "black");
   
   //默认选中导航菜单中的第一个菜单项
   $(".liClass:first").addClass("active");
   
   //第一个菜单项的文字变成白色
   $(".liClass:first > a").css("color" , "white");
   
   //给所有的菜单项注册鼠标单击事件
   $(".liClass").click(function(){
      //移除所有菜单项的激活状态
      $(".liClass").removeClass("active");
      //导航中所有文本颜色为黑色
      $(".liClass > a").css("color" , "black");
      //当前项目被选中
      $(this).addClass("active");
      //当前项目颜色变成白色
      $(this).children("a").css("color","white");
   });
   window.open("workbench/main/index.do","workareaFrame");
});

window.open("workbench/main/index.do","workareaFrame");

4.用户点击工作台按钮后，将业务主界面返回到业务展示区

超连接的默认点击事件就是同步请求，将url改成业务主界面的url，然后target改成业务展示区的id

<li class="liClass"><a href="workbench/main/index.do" target="workareaFrame"><span class="glyphicon glyphicon-home"></span> 工作台</a></li>

href="workbench/main/index.do"           同步请求的资源

target="workareaFrame"                   资源返回到哪个区域（区域id）

`

标签：界面,color,业务,首页,展示区,liClass,加载
来源： https://www.cnblogs.com/new228666/p/16449287.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。