求助 MDUI 报错(悬关)
  • 板块灌水区
  • 楼主Mrkn_chenyx12
  • 当前回复0
  • 已保存回复0
  • 发布时间2023/11/25 17:52
  • 上次更新2023/11/25 18:55:40
查看原帖
求助 MDUI 报错(悬关)
556000
Mrkn_chenyx12楼主2023/11/25 17:52

今天在写网站,框架的结构如下:

<!DOCTYPE HTML>
<html lang="zh-CN" class="mdui-theme-layout-auto mdui-theme-primary-cyan mdui-theme-accent-pink mdui-appbar-with-toolbar">
	<head>
		<meta charset="utf-8">
		<title>something - Mirekintoc Blog</title>
		<link rel="stylesheet" href="/file/css/mdui.min.css"/>
		<link rel="stylesheet" href="/file/css/index.css"/>
		<link rel="stylesheet" href="/file/css/atom-one-light.min.css"/>
		<link rel="stylesheet" href="/file/css/katex.min.css"/>
		<script src="/file/js/mdui.min.js"></script>
		<script src="/file/js/jquery-3.7.0.min.js"></script>
		<script src="/file/js/highlight.min.js"></script>
		<script defer src="/file/js/index.js"></script>
		
	</head>
	<body class="mdui-loaded">
		<div id="page">
			<header class="mdui-appbar mdui-appbar-fixed">
				<div class="mdui-toolbar mdui-color-theme-100">
					<span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target:'#main-drawer',swipe:true}">
						<i class="mdui-icon material-icons">menu</i>
					</span>
					<a class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" href="/">
						<i class="mdui-icon material-icons">home</i>
					</a>
					<a class="mdui-typo-title" id="mytitle">something - Mirekintoc Blog</a>
					
					<div class="mdui-toolbar-spacer"></div>
					<a href="/message" class="mdui-btn mdui-btn-icon">
						<i class="mdui-icon material-icons">drafts</i>
					</a>
					<a href="/notifications" class="mdui-btn mdui-btn-icon">
						<i class="mdui-icon material-icons">notifications</i>
					</a>
					<a class="mdui-btn mdui-btn-icon" mdui-menu="{target:'#user-opt'}">
						<img class="mdui-img-fluid mdui-img-circle" src="/file/usericon/1.png">
					</a>
					<ul class="mdui-menu" id="user-opt">
						<li class="mdui-menu-item">
							<a href="/user/1" class="mdui-ripple">Mirekintoc Void</a>
						</li>
						<li class="mdui-menu-item">
							<a href="/settings/" class="mdui-ripple">
							<i class="mdui-menu-item-icon mdui-icon material-icons">settings</i>用户设置
							</a>
						</li>
						<li class="mdui-menu-item">
							<a href="/message" class="mdui-ripple">
							<i class="mdui-menu-item-icon mdui-icon material-icons">drafts</i>消息
							</a>
						</li>
						<li class="mdui-menu-item">
							<a href="/notifications" class="mdui-ripple">
							<i class="mdui-menu-item-icon mdui-icon material-icons">notifications</i>通知
							</a>
						</li>
						<li class="mdui-menu-item">
							<a href="/mng" class="mdui-ripple">
							<i class="mdui-menu-item-icon mdui-icon material-icons">book</i>管理
							</a>
						</li>
						<li class="mdui-divider"></li>
						<li class="mdui-menu-item">
							<a href="/logout" class="mdui-ripple">退出登录</a>
						</li>
					</ul>
				</div>
				<div class="mdui-tab mdui-color-theme-100" mdui-tab>
					<a href="/" class="mdui-ripple mdui-ripple-white">主页</a>
					<a href="/article" class="mdui-ripple mdui-ripple-white">论坛</a>
					<a href="/share" class="mdui-ripple mdui-ripple-white">动态</a>
					<a href="/tools" class="mdui-ripple mdui-ripple-white">工具</a>
				</div>
			</header>
			<div class="mc-drawer mdui-drawer mdui-shadow-6 mdui-drawer-close" id="main-drawer" style="background-color: #fff">
				<div class="mdui-list" id="drawer-list">
					
					<a class="mdui-list-item mdui-ripple" href="/">
						<i class="mdui-list-item-icon mdui-icon material-icons">home</i>
						<div class="mdui-list-item-content">回到主页</div>
					</a>
					<a class="mdui-list-item mdui-ripple" href="/about">
						<i class="mdui-list-item-icon mdui-icon material-icons">info</i>
						<div class="mdui-list-item-content">关于</div>
					</a>
					<a class="mdui-list-item mdui-ripple" href="/help">
						<i class="mdui-list-item-icon mdui-icon material-icons">help</i>
						<div class="mdui-list-item-content">帮助</div>
					</a>
					
					<div class="mdui-divider"></div>
					<a class="mdui-list-item mdui-ripple" href="/admin">
						<i class="mdui-list-item-icon mdui-icon material-icons">dashboard</i>
						<div class="mdui-list-item-content">后台管理</div>
					</a>
					
				</div>
			</div>
			<div class="mdui-container" id="main-container">
				<div class="mdui-container-fluid mdui-shadow-3 mdui-hoverable" id="inner-container">
					something
				</div>
			</div>
			<footer>
				<div style="padding: 20px; color: #fff" class="mdui-typo">
					something<br>
					<a href="/redirect/gh">GitHub仓库</a><br>
				</div>
			</footer>
		</div>
	</body>
</html>

然后报了如下的错误:

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '/' is not a valid selector.
    at H (http://localhost:8080/file/js/mdui.min.js:6:6921)
    at HTMLAnchorElement.<anonymous> (http://localhost:8080/file/js/mdui.min.js:6:48320)
    at D (http://localhost:8080/file/js/mdui.min.js:6:6129)
    at L.fn.each (http://localhost:8080/file/js/mdui.min.js:6:7289)
    at Zt.setActive (http://localhost:8080/file/js/mdui.min.js:6:48025)
    at new Zt (http://localhost:8080/file/js/mdui.min.js:6:47355)
    at HTMLDivElement.<anonymous> (http://localhost:8080/file/js/mdui.min.js:6:49749)
    at pt (http://localhost:8080/file/js/mdui.min.js:6:24997)
    at HTMLDivElement.<anonymous> (http://localhost:8080/file/js/mdui.min.js:6:26901)
    at D (http://localhost:8080/file/js/mdui.min.js:6:6129)

看样子是 MDUI 误执行 mdui.$('/') 导致的,但是其中并没有相关代码或选择器(index.js 目前是空文件),求懂的大佬调试。

2023/11/25 17:52
加载中...