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

Posted 2021-01-01 xlzfdddd

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

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

$(‘#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、未完待续。。。