jquery - 我的汉堡菜单不起作用-6ren

jquery - 我的汉堡菜单不起作用

转载作者：行者123 更新时间：2023-11-28 02:14:16

26

4

汉堡菜单不起作用，我不知道为什么。

我怀疑缺少某些 JS 文件，但我不知道是哪个。

我正在使用:

Bootstrap 4(测试版，我知道
jQuery
猫头鹰旋转木马

screenshot

<head>
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome/font-awesome.min.css" rel="stylesheet">
    <link href="owlcarousel/owl.carousel.min.css" rel="stylesheet">
    <link href="owlcarousel/owl.theme.default.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsivo.css" rel="stylesheet">
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="owlcarousel/owl.carousel.min.js" type="text/javascript"></script>
</head>

<body>
    <div id="inicio" class="nav-menu">
        <nav class="navbar navbar-expand-lg navbar-dark">
          <img src="img/logo-branco.png" class="d-inline-block align-top img-fluid" alt="Connect Hub">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ml-auto">
              <li class="nav-item active">
                <a class="nav-link" href="#inicio">INICIO<span class="sr-only"></span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#sobre">SOBRE</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#recursos">RECURSOS</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#imagens">IMAGENS</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#contato">CONTATO</a>
              </li>
            </ul>
          </div>
        </nav>
        <div class="container">
          <div class="nav-menu-texto">
            <div class="col-md-12">
              <h1>TEXT</h1>
            </div>
            <div class="col-md-12 botao">
              <a href="#marketplace" class="btn">BTN</a>
            </div>
          </div>
        </div>
      </div>
  </body>

最佳答案

您应该将 jquery.min.js 放在标记中的任何其他脚本之前。正确的顺序是

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="owlcarousel/owl.carousel.min.js" type="text/javascript"></script>

关于jquery - 我的汉堡菜单不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48568998/

26

4

0

文章推荐： html - 如何使用 mod_rewrite 重定向到文档并设置 GET 参数？

文章推荐： markup - 我如何在 HTML5 中最好地标记它？

文章推荐： javascript - Bash Script在网页上的格式化输出

抖音开学季完成任务免费领甜筒、汉堡、随机红包等
抖音开学季完成任务免费领甜筒、汉堡、随机红包等打开抖音APP 首页搜索【开学季】下拉页面点击活动进去完成简单任务即可免费领麦当劳甜筒、吉士汉堡、随机红包等! 活动地址：抖音搜索【开学季
html - 汉堡 Menù BootStrap
我有一个用于桌面 View 的导航栏和用于移动设备的汉堡菜单，我有一个关于汉堡菜单的问题；汉堡菜单的栏覆盖了部分背景图像，我希望背景图像始终位于汉堡菜单之后。这是我的代码
java - Android 汉堡/箭头图标动态改变颜色
我想改变抽屉导航的汉堡/箭头图标的颜色。我知道我可以在样式中更改它，但我想在 java 中动态更改它。有人知道怎么做吗？最佳答案使用 appcompat-v7:23.0.1 下一个代码对我有用:
android - 抽屉图标(汉堡)将工具栏图标移离中心
我正在使用带有 DrawerLayout 的工具栏。我的工具栏有 2 个 View (按钮)，一个在中间，一个靠近右边距。当我使用 getSupportActionBar().setDisplayHo
javascript - 2 个与响应式下拉(汉堡)菜单相关的问题
我正在练习如何制作一个响应式汉堡菜单，但我在两个功能上遇到了麻烦，我想让它发挥作用。我在汉堡菜单中使用了一个很棒的字体图标，它不想在屏幕大于 480 像素时消失。我得到那个工作的唯一方法是在图标类上
javascript - bootstrap-通过代码关闭“移动(汉堡)”菜单
我有一个“移动汉堡包”引导菜单（引导3）。我想关闭使用代码打开的汉堡菜单。最佳答案 Bytec0de是正确的：$('elem').collapse('hide'); 关于javascript - b
html - 在 foundation 5 站点的手机和平板电脑尺寸上使用移动菜单(汉堡)
我确定有人问过这个问题，但我似乎找不到不使用 SASS 的示例。我只有一个正在使用的常规 CSS 文件。我希望汉堡菜单更改为较大尺寸的水平菜单。(@media only screen and (min
javascript - 汉堡 : Full screen navigation menu with UL as anchor container
很长一段时间以来，我一直在我的网站上使用汉堡菜单，这是一个具有绝对定位的全屏导航覆盖层，其中导航打开是(css)高度= 100％并且关闭=“0％”。它基于本教程:https://www.w3schoo

首页

博学

6Ren·AI

商城

jquery - 我的汉堡菜单不起作用