【问题标题】:Bootstrap modalbox refresh on closeBootstrap modalbox 关闭时刷新
【发布时间】:2013-11-30 20:59:12
【问题描述】:

我使用的是 Twitter bootstrap 的 Modalbox,这是一个灵活的插件,但是我在关闭 modal box 后无法刷新页面。

我的代码是:

 <a href="inc/orders.php?id_ord=<?php echo $row_orders['ir_ord']; ?>" class="btn    btn-success" id="moo" data-toggle="modal"  data-target="#myModal">aprobbate order</a>

调用 IFRAME 模态框。我在关闭模态框但没有结果时尝试使用此 js 进行刷新:

 <script type="text/javascript">
   $('#myModal').on('hidden', function () {
     location.reload(); 
   })
  </script>

【问题讨论】:

  • 它会触发吗?因为那可能不是正确的事件。

标签: php javascript twitter-bootstrap


【解决方案1】:

尝试等待文档准备好:

$(document).ready(function () {
    $('#myModal').on('hidden', function () {
        window.location.reload(); 
    });
});

你也可以试试:

$(document).ready(function () {
    $(document).on('click', '#myModal[data-dismiss="modal"]', function () {
        window.location.reload(); 
    });
});

【讨论】:

  • 非常感谢。我解决了在 Iframe 的页面中添加这个 js:
【解决方案2】:

非常感谢。我解决了在 Iframe 的页面中添加这个 js:

<script type="text/javascript">
 $(document).ready(function () {
   $('#moo').click(function(){
     location.reload();
   });
 });
</script>

在我的按钮中添加属性 Id="moo",工作正常。按下按钮关闭,重新加载页面。

【讨论】:

  • 你能帮我解答一下吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-13
  • 2015-12-19
  • 2015-10-24
  • 2013-10-13
  • 2011-08-21
  • 2012-02-26
相关资源
最近更新 更多