Javascript JQuery小菜单-导航不工作
第一个帖子。我已经有相当一段时间把网页设计作为我角色的一个次要部分，并且依赖于额外使用CSS模板。只是想让你知道我在哪里。我最近使用了一个包含“迷你菜单”的模板（下拉导航菜单，仅在页面宽度较窄时显示）。由于某种原因，导航不起作用。如果我在列表中选择了一个页面，它不会导航到该页面。这可能是一个真正的新手问题，但我已经尝试过使用代码，我无法让它在我的生活中工作 下面是我的HTML。如有任何建议，将不胜感激Javascript JQuery小菜单-导航不工作,javascript,jquery,Javascript,Jquery,第一个帖子。我已经有相当一段时间把网页设计作为我角色的一个次要部分，并且依赖于额外使用CSS模板。只是想让你知道我在哪里。我最近使用了一个包含“迷你菜单”的模板（下拉导航菜单，仅在页面宽度较窄时显示）。由于某种原因，导航不起作用。如果我在列表中选择了一个页面，它不会导航到该页面。这可能是一个真正的新手问题，但我已经尝试过使用代码，我无法让它在我的生活中工作 下面是我的HTML。如有任何建议，将不胜感激 人均——BIM 2级培训 $（文档）.ready（函数（）{ $（'.menu'）.mob
人均——BIM 2级培训
$（文档）.ready（函数（）{
$（'.menu'）.mobileMenu（）；
});
BIM 2级培训
本培训仅供内部使用
家
关于
→ 另一个动作
→ 还有别的吗
→ 另一个动作
→ 还有别的吗
服务
工作
接触
什么是BIM？
在本模块中，我们将探讨什么是BIM，什么是BIM级别2，什么不是。
BIM的好处
在本模块中，我们将探讨BIM在Capital和我们的客户项目中全面部署时的好处
BIM技术
在本模块中，我们将探讨实现BIM优势的一些可用技术。
BIM工作流程
在本模块中，我们将探讨实施BIM对项目工作流程的影响。
人均实例
在本模块中，我们将回顾Capital内已经使用BIM流程的项目示例。
不确定，因为这里的代码不完整，但我认为您在加载jQuery之前使用的是document.ready。你的
<script>
$(document).ready(function(){
$('.menu').mobileMenu();
});
</script>
$（文档）.ready（函数（）{
$（'.menu'）.mobileMenu（）；
});
导入所有库后，必须位于文档末尾。jQuery必须是列表中的第一个（甚至在jQuery.mobilemenu之前），因为其他人将使用它
您可以打开控制台来检查是否存在类似$is unknown的错误，这意味着您的代码或库是在jQuery之前加载的
这里是代码的更新版本，库的顺序正确
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Capita - BIM Level 2 Training</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/component.css">
<link rel="stylesheet" href="css/custom-styles.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/font-awesome-ie7.css">
</head>
<body>
<div class="header-wrapper">
<div class="site-name">
<a href="index.html"><p><img src="img/CapitaBanner.jpg" alt="" class="img-responsive"></a>
<h1>BIM Level 2 Training</h1>
<h2>This training is for internal use only</h2>
</div>
</div>
<div class="menu">
<div class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<i class="fw-icon-th-list"></i>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">Modules</a></li>
<li><a href="#">BIM4Capita</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
<div class="mini-menu">
<label>
<select class="selectnav">
<option value="#" selected="">Home</option>
<option value="#">About</option>
<option value="#">→ Another action</option>
<option value="#">→ Something else here</option>
<option value="#">→ Another action</option>
<option value="#">→ Something else here</option>
<option value="#">Services</option>
<option value="#">Work</option>
<option value="#">Contact</option>
</select>
</label>
</div>
</div>
</div>
<div class="container">
<div class="featured-block">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-3">
<div class="block">
<div class="thumbnail">
<a href="WhatIsBIM.html"><img src="img/img1.jpg" alt="" class="img-responsive"></a>
<div class="caption">
<h1>What is BIM?</h1>
<p>In this module we will explore what BIM is, what BIM level 2 is and what it is not.<br><br></p>
<a class="btn" href="whatisbim.html">more</a>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="block">
<div class="thumbnail">
<img src="img/img2.jpg" alt="" class="img-responsive">
<div class="caption">
<h1>Benefits of BIM</h1>
<p>In this module we will explore the benefits of BIM when it is deployed fully on a project for both Capita and our client.</p>
<a class="btn" href="#">more</a>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="block">
<div class="thumbnail">
<a href="BIMTech.html"><img src="img/img3.jpg" alt="" class="img-responsive"></a>
<div class="caption">
<h1>BIM Technology</h1>
<p>In this module we explore some of the technologies available to achieve the BIM Benefits.<br><br></p>
<a class="btn" href="BIMTech.html">more</a>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="block">
<div class="thumbnail">
<img src="img/img4.jpg" alt="" class="img-responsive">
<div class="caption">
<h1>BIM Workflow</h1>
<p>In this modules we explore the changes to project workflow that arise from implementing BIM.<br><br></p>
<a class="btn" href="#">more</a>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="block">
<div class="thumbnail">
<img src="img/img9.jpg" alt="" class="img-responsive">
<div class="caption">
<h1>Capita Examples</h1>
<p>In this module we review examples of projects within Capita that have already used the BIM process.<br><br></p>
<a class="btn" href="#">more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.9.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<script>
$(document).ready(function(){
$('.menu').mobileMenu();
});
</script>
</body>
</html>
人均——BIM 2级培训
BIM 2级培训
本培训仅供内部使用
家
关于
→ 另一个动作
→ 还有别的吗
→ 另一个动作
→ 还有别的吗
服务
工作
接触
什么是BIM？
在本模块中，我们将探讨什么是BIM，什么是BIM级别2，什么不是。
BIM的好处
在本模块中，我们将探讨BIM在Capital和我们的客户项目中全面部署时的好处
BIM技术
在本模块中，我们将探讨实现BIM优势的一些可用技术。
BIM工作流程
在本模块中，我们将探讨imp对项目工作流的更改