关于弹框和原页面的切换问题

写代码经常会遇到这样的情况,按钮点击之后会出现弹框,点击确定之后又要弹框消失,又或者链接到另一个页面。

打开弹窗的代码是这样的:

复制代码
$('#add').click(function () {
   layer.open({
               type: 2,
               title: '选择研判报告类型',
               shadeClose: true,
               shade: 0.3,
               area: ['550px', '180px'],
               content: 'yanpan_report_add.php'
    });
});
复制代码

这里是打开了一个550*180的弹窗,点击确定之后要实现的效果一般有以下几种:

1、直接在弹框中进入到另一个页面(在我开发的情况中很少出现这种情况)

复制代码
<script type="text/javascript">
   $(function () {
     $("#add").click(function () {
         var muban = $('#id').val();
alert(muban);
      window.location.href = "yanpan_report_add_detail.php?bianhao="+muban;
});
   });
</script>
复制代码

2、关闭弹框,进入它的父级页面

复制代码
<script type="text/javascript">
   $(function () {
     $("#add").click(function () {
         var muban = $('#id').val();
alert(muban);
parent.location.reload();
});
});
</script>
复制代码

3、关闭弹框,进入另一个页面

复制代码
<script type="text/javascript">
   $(function () {
     $("#add").click(function () {
         var muban = $('#id').val();
          alert(muban);
          window.parent.location.href = "yanpan_report_add_detail.php?bianhao="+muban;
          window.parent.top.layer.closeAll();
      }); 
   });
</script>
复制代码

4、未完待续。。。

posted @   小林子奋斗的点滴  阅读(377)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示