模式在 asp.net mvc 中未正确显示

Question

我正在尝试完成一个很酷的模式，它可以滑到页面上。我遇到了一个问题，不知道它可能是什么，但是当我单击按钮时，即使#CmapModal 显示在 url 中，模式也根本没有加载。关于为什么当我点击它时不显示模式的任何想法？

模态代码：

 <p><a data-toggle="modal" href="#CmapModal" class="btn btn-default"><b>View Map &raquo;</b></a></p>
            </div>

            <!-- Modal -->
            <div class="modal fade" id="CmapModal" tabindex="-1" role="dialog" aria-labelledby="CmapModalLabel" 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">Modal title</h4>
                        </div>
                        <div class="modal-body">
                            ...
                        </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><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

Answer 1

不知道为什么你只想用 CSS 和 HTML 来做这件事。

这里有一个适合您的解决方案：http://jsfiddle.net/H4SDk/

我添加了一个简短的 javascript 代码：

$( "#clickme" ).click(function() {
  $( "#book" ).toggle("slow");
});

您可以自己更改 ID 名称。

如果我理解正确，您只是希望显示模态，对吗？

Answer 2

您错过了模型div 中的“隐藏”类。试试这个；

<div class="modal hide fade" id="CmapModal" tabindex="-1" role="dialog" aria-labelledby="CmapModalLabel" aria-hidden="true">

JSFiddle Example