Question

我正在尝试使用jQuery load（）方法创建母版页。这是主要的HTML和Jquery代码块。

＆＃13;

$("#nav-wrapper").load("untitled2/navbar.html");

＆＃13;

<body>
  <nav id="nav-wrapper"></nav>
</body>

＆＃13;

导航栏所在页面中的代码

＆＃13;

<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>

＆＃13;

＆＃13; 但这就是结果。下拉列表和徽标不会出现。 enter image description here

Answer 1

MaterialiseCSS中的JS文件依赖于jQuery，因此您必须首先下载并导入jquery.js，然后在materializecss.js之后有用的链接：

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

希望它有助于解决您的问题

Answer 2

问题是jQuery去加载的地址。

＆＃13;

$("#nav-wrapper").load("untitled2/navbar.html");

＆＃13;

＆＃13; 以这种方式更改此代码。

＆＃13;

$("#nav-wrapper").load("../untitled2/navbar.html");

＆＃13;

jQuery不适用于Materialise CSS中的navbar

2 个答案: