Bootstrap 模态 ASP 中的问题

Question

我在 asp.net+ bootstrap

中尝试显示带有图像点击的模态时遇到问题

这是我的模态代码，我从 web site.

复制了这个

<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">&amp;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 is not a function

Answer 1

您似乎没有包含 bootstrap modal.js 文件。

TypeError: $(...).modal is not a function

只有当你没有包含模态库时才会出现。

您可以从https://github.com/jschr/bootstrap-modal

获取所需的js文件

Bootstrap 模态 ASP 中的问题

Issue in Bootstrap Modal with ASP

asp.net

jquery

modal-dialog