ASP的Bootstrap Modal中的问题

克里斯蒂安·何塞·瓦列霍

我尝试在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">&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不是函数

巴文·索兰基(Bhavin Solanki)

看起来您还没有包含引导modal.js文件。

TypeError:$(...)。modal不是函数

仅当您未包含模态库时才出现。

您可以从https://github.com/jschr/bootstrap-modal获取所需的js文件

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap Modal出现问题

来自分类Dev

Bootstrap Modal with Rails App的问题

来自分类Dev

ASP.NET Core中的Bootstrap和捆绑软件问题

来自分类Dev

ngx-bootstrap modal 单例问题

来自分类Dev

在asp.net c#中单击按钮后进行输入验证后,打开Bootstrap Modal

来自分类Dev

Bootstrap Modal中的中心形式

来自分类Dev

Bootstrap Modal在ipad中消失

来自分类Dev

ASP.Net-Gridview中的Bootstrap Popover

来自分类Dev

在 Bootstrap 布局中包装 ASP 表单

来自分类Dev

Bootstrap中的覆盖问题

来自分类Dev

ASP.Net MVC 5中的FontAwesome 4 LESS和Bootstrap 3 LESS捆绑问题

来自分类Dev

twitter bootstrap 3 modal上的移动滚动问题

来自分类Dev

在Yii中出现Bootstrap Modal和Select2问题

来自分类Dev

Angular JS和Bootstrap Modal的数据绑定问题

来自分类Dev

HTML CSS框-在框内单击时触发Bootstrap Modal的问题

来自分类Dev

在Bootstrap Modal中避免额外的事件调用

来自分类Dev

Twitter Bootstrap 3 Modal中的jQuery Datepicker

来自分类Dev

Firefox中的Bootstrap Modal不起作用

来自分类Dev

Durandal 2.0.1中的bootstrap 3 modal

来自分类Dev

Twitter Bootstrap 3 Modal中的jQuery Datepicker

来自分类Dev

无法在Bootstrap Modal中读取$ scope

来自分类Dev

Bootstrap Modal刷新Web表单中的页面

来自分类Dev

Bootstrap modal在3.3.6中不起作用

来自分类Dev

Bootstrap Modal中的固定元素不滚动

来自分类Dev

Bootstrap Modal Angular 2 中的 iFrame

来自分类Dev

无法在 bootstrap Modal 中显示 div

来自分类Dev

PHP中的Bootstrap表问题

来自分类Dev

ASP.Net MVC 5中的Bootstrap DateTimePicker

来自分类Dev

UI Bootstrap在ASP-MVC中不起作用