点击首页iframe重复页面--AdminLite

1.第一次初始化首页正常的,但是点击左侧菜单栏--dashboard的时候有重复页面(头部区域和左侧菜单栏),如何怎么防止重复问题?

请看下面bug图片:
图片描述

图片描述

index.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/head :: css_head"></head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <!-- 头部区域 -->
    <header th:include="include/header :: admin-header" class="main-header"></header>
    <!-- 左侧菜单栏 -->
    <aside th:include="include/left :: admin-left" class="main-sidebar"></aside>

    <!-- 主体内容区域 -->
    <div class="content-wrapper">
        <iframe name="mainFrame" id="mainBodyFrame" th:src="@{/include/main}" frameborder="0" scrolling="no" width="100%" style="min-height: 900px;" onload="resizeFrameHeight()"></iframe>
    </div>
    
  </body>
</html> 

main.html

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>首页</title>
</head>
<body>
<div>
    用户管理列表
</div>
</body>
</html>
阅读 2.9k
1 个回答

你这是iframe内嵌的页面里又重新加载了一遍吧

index 主页面
  iframe 框架页面
  -- dashboard src="index.html"

所以你点击dashboard的时候等于又把index加载了一遍

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题