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

标签 javascript jquery html css materialize

我正在尝试使用 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/