gpt4 book ai didi

jquery - 无法正确定位 html 菜单元素 (Jquery)

转载 作者:行者123 更新时间:2023-11-28 03:24:01 26 4
gpt4 key购买 nike

我正在尝试创建 jquery 菜单,但我的代码不起作用,当我将鼠标悬停在菜单元素上时,浏览器右侧看起来像这个蓝色的东西。

Photo of the Browser

当我从 jquery menu 复制列表元素时它有效,但我的没有。这是我的代码我复制了所有代码,因为我不确定问题是否出在脚本或链接标记的位置

$(document).ready(function() {
$("#menu").menu();
})
#menu{
max-width: 150px;
}
.Container{
max-width: 150px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Menu</title>
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.structure.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="style.css">
<script src="jquery-3.2.1.js" charset="utf-8"></script>
<script src="jquery-ui-1.12.1/jquery-ui.js" charset="utf-8"></script>
<script src="script.js" charset="utf-8"></script>
</head>

<body>
<div class="Container">
<ul id="menu">
<li>Rome</li>
<ul>
<li>History</li>
<li>Economy</li>
<li>Politics</li>
</ul>
<li>-</li>
<li>British</li>
<ul>
<li>History</li>
<li>Economy</li>
<li>Politics</li>
</ul>
<li>-</li>
<li>Ottoman</li>
<ul>
<li>History</li>
<li>Economy</li>
<li>Politics</li>
</ul>
</ul>
</div>
</body>

</html>

最佳答案

  $(document).ready(function () {
$("#menu").menu();
})
#menu{
max-width: 150px;
}
.Container{
max-width: 150px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<div class="Container">
<ul id="menu">
<li><div>Rome</div>
<ul>
<li><div>History</div></li>
<li><div>Economy</div></li>
<li><div>Politics</div></li>
</ul></li>
<li><div>British</div>
<ul>
<li><div>History</div></li>
<li><div>Economy</div></li>
<li><div>Politics</div></li>
</ul></li>
<li><div>Ottoman</div>
<ul>
<li><div>History</div></li>
<li><div>Economy</div></li>
<li><div>Politics</div></li>
</ul></li>
</ul>
</div>
给你,实际上你没有用 jquery ui 的格式写它菜单需要。

关于jquery - 无法正确定位 html 菜单元素 (Jquery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45082033/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com