Bootstrap 3交互式远程模态

时间:2014-01-31 20:58:44

标签: javascript php twitter-bootstrap modal-dialog

我有一个PHP Web应用程序,用于管理两个用户之间的对话,记录在MySQL数据库中。对话由控制器PHP处理,它将消息存储在数据库中,然后调用PHP模板。在这个模板中,我有一个这样的模态:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">Data review</h4>

   </div>
   <div class="modal-body">
      <! -- CONTENT HERE -->
   </div>
   <div class="modal-footer">
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

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

模态从控制器index.php自动打开,通过:

header('Location: ./#myModal');

控制器“传递”到模态,消息文本和发送者。

问题在于,每次用户发送消息时,模态都会消失,然后重新出现,新消息刚刚在对话中发送。是否有可能避免模态出现和消失,并且它将始终保留在页面的前景中?

任何人都可以帮助我吗?

任何建议都将不胜感激:)谢谢!

1 个答案:

答案 0 :(得分:1)

如果您正在重新加载页面,那么您将失去该状态。您将需要通过AJAX发送消息,因此您没有重新加载页面。

在不知道你正在做什么的情况下,只是试图解决你所描述的问题,也许你想让页面重新加载并且已经调用了模态,所以它在页面加载时打开。