使用网页嵌套iframe标签,点击左侧导航栏,在右侧动态显示页面的信息



   
   

       
用户管理

       
     
               
  • 管理员

  •            
  • 角色管理

  •            
  • 会员

  •        

       
产品管理

       

               
  • 视频查看

  •            
  • 视频上传

  •        

   

   
   

       
   


重点部分来了,那如何当点击左侧导航如:管理员,角色管理,会员等这些,就会在右侧部分动态展示页面信息(其他部分不变呢),这里贴上js代码

$(function(){
   $(".main_left li").on("click",function(){
         var address =$(this).attr("data-src");
      $("iframe").attr("src",address);
   });
});
到这里就结束了,当点击左侧指示列表,右侧刷新指示内容。堪称完美。
Over!!
--------------------- 
作者:PHP_SEO 
来源:CSDN 
原文:https://blog.csdn.net/qq_36746815/article/details/84062516 
版权声明:本文为博主原创文章,转载请附上博文链接!

你可能感兴趣的:(springCloud)