Bootstrap模态框刷新关闭

时间:2013-07-14 19:35:27

标签: php javascript twitter-bootstrap

我正在使用Twitter引导程序的Modalbox,这是一个灵活的插件,但在关闭模式框后我无法刷新页面。

我的代码是:

 <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>

2 个答案:

答案 0 :(得分:0)

请等待文档准备就绪:

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

您也可以尝试:

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

答案 1 :(得分:0)

非常感谢你。我解决了在Iframe'a页面添加的问题:

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

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