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

你错过了课程＆＃34;隐藏＆＃34;在您的模型中div。试试这个;

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

JSFiddle Example

模态在asp.net mvc中没有正确显示

2 个答案: