asp.net - http://localhost:7454/Scripts/bootstrap.min.js 0x800a1391 中的第 21 行第 1 列未处理的异常 - 'jQuery' 未定义

Question

@model Test_15.Models.EmployeeViewModel
@{
ViewBag.Title = "Modal";    
}

<script src="~/Scripts/jquery-1.8.2.min.js"></script>

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

<script src="~/Scripts/bootstrap.min.js"></script>

<div class="container" style="width:40%;margin-top:2%">

<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Open Modal</a>

<div class="modal fade" id="myModal">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<a href="#" class="close" data-dismiss="modal">&times;</a>

<h3 class="modal-title">Technotips MVC</h3>

</div>

<div class="modal-body">

<form id="myForm">

@Html.DropDownListFor(model => model.DepartmentId, ViewBag.DepartmentList as SelectList, "--select--", new { @class = "form-control" })

@Html.TextBoxFor(model => model.Name, new { @class = "form-control", @placeholder = "Name" })

@Html.TextBoxFor(model => model.Address, new { @class = "form-control", @placeholder = "Address" })

</form>

</div>

<div class="modal-footer">

<a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>

<input type="reset" value="Submit" class="btn btn-success" id="btnSubmit" />

</div>

</div>

</div>

</div>

</div>

<script>
debugger;
$(document).ready(function(){
$("#btnSubmit").click(function () {
debugger;
alert("I want this to appear after the modal has opened!");
var myformdata = $("#myForm").serialize();
$.ajax({
type: "POST",
URL: "/Home/Index",
data: myformdata,
success: function () {
("#myModal").modal("hide");
}
})
})
})
</script>

这是我的索引文件。在这个我调用一个模态，然后在模态中有2个按钮，并且在提交按钮上它没有调用脚本。应用调试器它说Unhandled exception at line 21, column 1 in http://localhost:7454/Scripts/bootstrap.min.js 0x800a1391 - JavaScript runtime error: 'jQuery' is undefined。请帮忙。

标签： asp.netmodel-view-controllerbootstrap-modal