Bootstrap Modal在点击时显示当前数据

时间:2014-04-22 17:59:11

标签: javascript php jquery twitter-bootstrap

我原来的问题:

我知道当它被编码时,变量会在从服务器发送请求时被写入。所以我可能不得不使用JQuery,但我甚至迷失在哪里开始(我不知道JS)。

当我刷新页面时,此代码有效,但是我希望它在刷新模式时刷新显示的数据。

有人能指出我正确的方向吗?

我自己找到了解决方案,供其他人查看:

模态代码:

<div class="modal fade ajaxmodal" id="logModal" tabindex="-1" role="dialog" aria-labelledby="logModalLabel" 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" id="myModalLabel">Trace Logging</h4>
      </div>
      <div class="modal-body" id="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<script>

JS:

$('.ajaxmodal').on('show.bs.modal', function () {
  $('#modal-body').load('trace.php');
});

trace.php格式化了html,点击完美显示。

1 个答案:

答案 0 :(得分:0)

更新了原始问题以包含我的答案。