Bootstrap 3.2.0模态和远程内容不可见关闭按钮

时间:2014-10-13 19:32:12

标签: ajax twitter-bootstrap twitter-bootstrap-3 modal-dialog

我使用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">&times;</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');});

1 个答案:

答案 0 :(得分:0)

我将您的代码粘贴到here

所以它没有任何问题。我认为data-remote="<?php echo dynamic url ?>中的此页面有错误=&gt;模态不能加载所有然后按钮关闭和模态 - 页脚尚未加载。