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

  • Z时代
  • 2024-01-10
  • 分类：IT

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>

回答：

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

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

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

以上是 点击首页iframe重复页面--AdminLite 的全部内容， 来源链接： utcz.com/p/170429.html

回到顶部