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

发布于 2022-09-11 15:39:04 字数 1497 浏览 11 评论 0

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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

百善笑为先 2022-09-18 15:39:04

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文