【发布时间】:2014-10-13 19:32:12
【问题描述】:
我使用 bootstrap 3.2.0 模态对话框来显示遥控器的内容,只有内容完全填满模态窗口,并且标题中的关闭按钮不可见。
这是我的代码:
<a href="#" data-remote="<?php echo dynamic url ?> #fragment" data-toggle="modal" data-target="#myModal"></a>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Event</h4>
</div>
<div class="modal-body">
<p>Loading...</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
$('body').on('hidden.bs.modal','.modal',function(){ $(this).removeData('bs.modal');});
【问题讨论】:
-
这应该可以工作。这在任何地方都在线吗?我会检查你的 css(使用开发工具)来确定 modal-header 是否被隐藏或设置为 display:none。
-
我不使用任何 css 作为模态。我忘了提到模态页脚也不可见。
标签: ajax twitter-bootstrap twitter-bootstrap-3 modal-dialog