我使用了一个通过单击按钮打开的引导模式对话框。 当我第一次点击按钮时,模态打开;通过第二次单击,模态对话框不显示,此错误显示在firebug consol中:
TypeError: $(...).modal is not a function
$(".bs-modal-dialog").modal();
我该如何解决?感谢...
这些是我的代码:
<div class="modal fade bs-modal-dialog" id="modalDialog" tabindex="-1" role="dialog"
aria-labelledby ="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button class="close" aria-hidden="true" data-dismiss="modal" type="button">×</button>
<h4 id="mySmallModalLabel" class="modal-title"></h4>
</div>
<div class="modal-body">
</div>
</div>
</div>
<script>
function EditCompany(CoId) {
var link="@Url.Action("EditCompany", "Companies", new { area = "AdminsArea", CoId = "-1"})";
link=link.replace("-1",CoId);
$(".bs-modal-dialog").modal('show');
$(".modal-body").load(link);
$(".modal-content > .modal-header> #mySmallModalLabel").text("Edit Company");
}
<input type="button" name="EditCompany" value="Edit" onclick="EditCompany(@co.CompanyID)" class="btn btn-success"/>
答案 0 :(得分:4)
你不需要任何JavaScript来做这件事,Bootstrap已经附带了html attribute for that。
所有你需要做的就包括data-toggle="modal" data-target="#myModal"
,它应该触发你的模态。