写代码经常会遇到这样的情况,按钮点击之后会出现弹框,点击确定之后又要弹框消失,又或者链接到另一个页面。
打开弹窗的代码是这样的:
$(‘#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、未完待续。。。
原文地址:https://www.cnblogs.com/xlzfdddd/p/9544055.html
时间: 2024-10-08 02:23:11