gpt4 book ai didi

javascript - jQuery 不适用于 Materialise CSS 中的导航栏

转载 作者:行者123 更新时间:2023-11-28 04:09:00 25 4
gpt4 key购买 nike

我正在尝试使用 jQuery load() 方法来制作母版页。这是主要的 HTML 和 Jquery 代码块。

$("#nav-wrapper").load("untitled2/navbar.html");
<body>
<nav id="nav-wrapper"></nav>
</body>

导航栏所在页面的代码

<body>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">Logo</a>
<ul id="nav-mobile" class="right">
<ul id="dropdown2" class="dropdown-content">
<li><a href="#!"> <i class="small material-icons">add</i>K. Adi </a></li>
</ul>
<a class="btn dropdown-button" href="#!"
data-activates="dropdown2">DROPDOWN<i class="material-icons right">arrow_drop_down</i></a>
</ul>
</div>
</body>
但这就是结果。下拉菜单和 Logo 不会出现。 enter image description here

最佳答案

MaterializeCSS中的JS文件依赖于jQuery,所以你必须先下载并导入jquery.js,然后再导入materializecss.js有用的链接:

https://jquery.com/download/ http://materializecss.com/getting-started.html

希望能帮助解决您的问题

关于javascript - jQuery 不适用于 Materialise CSS 中的导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46456049/

25 4 0