我尝试在asp.net +引导程序中单击图像以显示模态时出现问题
这是我的模式代码,我从网站上复制了它。
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<h3>Modal Body</h3>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
这是我的触发对象:
<img onclick="ShowModal();" data-target="#basicModal" src="Images/productface/<%:prd.pr_facepicpath%>.png" />
这是我的脚本:
<script>
$(function () {
$('#basicModal').modal();
});
function ShowModal() {
$('#basicModal').modal('show');
}
</script>
这是我的js库声明:
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/modal.js"></script>
我收到此错误:
TypeError:$(...)。modal不是函数
看起来您还没有包含引导modal.js
文件。
TypeError:$(...)。modal不是函数
仅当您未包含模态库时才出现。
您可以从https://github.com/jschr/bootstrap-modal获取所需的js文件
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句