模型弹出式引导程序在MVC中不起作用 [英] Model popup bootstrap not working in MVC

问题描述

这是我的代码，我不知道我的错误在哪里..

this is my code and i don't know where my mistake..

<div class="col-lg-12" style="text-align: right; margin-bottom: 15px;">
                        <a href="#" class="btn btn-primary" data-toggle="model" data-target="#myModel" style="width: 100px">@WhiteWhaleLanguage.Edit</a>
                        <div class="model fade" id="myModel">
                            <div class="model-dialog">
                                <div class="model-content">
                                    <div class="model-header">
                                        <h3 class="model-title">Change your password</h3>
                                        <a href="#" class="close" data-dissmiss="model">×</a>
                                    </div>
                                    <div class="model-body">
                                        ---------
                                    </div>
                                    <div class="model-footer">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

我在布局中使用bootstrap.js： -

and i use bootstrap.js in layout:-

<link href="/Content/bootstrap.min.css" rel="stylesheet">
<script src="/Content/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="/Content/bootstrap/js/bootstrap.min.js"></script>

我拥有什么尝试过：



如何解决这个弹出窗口的问题？

What I have tried:

How i solve the problem this popup?

推荐答案

有错字在代码中

There are typos in the code

data-toggle="model" 

应为

data-toggle="modal" 

事实上，看起来所有模型都应该是模态。请参阅下面的示例。



CP Modal - JSFiddle [< a href =https://jsfiddle.net/bryiantan/fLvgwcmm/\"target =_ blanktitle =New Window> ^ ]

这篇关于模型弹出式引导程序在MVC中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！