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

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

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

$(‘#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

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

使用mint-ui中弹框组件与原生弹框阻止父页面不滑动方法

1,使用mint-ui框架中<mt-popup></mt-popup>,在组件中加入 lockScroll="true" 阻止父页面不滑动. 2,原生弹框中,弹框页面中最外层div里面加(touchmove事件)@touchmove="handleTouchmove" 然后在methods方法里面加入 handleTouchmove (e) { e.preventDefault() }, 阻止父页面不滑动 原文点击:https://blog.

selemiun 下拉菜单、复选框、弹框定位识别

一.下拉菜单识别 对下拉框的操作,主要是通过Select 类里面的方法来实现的,所以需要new 一个Select 对象(org.openqa.selenium.support.ui.Select)来进行操作 public void selectDemo() throws InterruptedException { driver.get("http://tieba.baidu.com/f/search/adv?red_tag=v3168911135"); driver.manage()

做一个弹框玩玩,顺便熟悉最近新学习的插件封装技术

先上图,没图不成席 [原因]由于公司从开发到现在时间都比较紧张,很多时候需要弹框的地方都直接用alert().confirm().prompt()这些自带的提示框,最大的问题是这三个哥们随着浏览器的不同进行变色,简直是前端变色龙,神奇又无奈 所以,这次和我们的帅气设计师合作总结出这三种提示框,我也通过最近的学习把新学到手的封装技术,融入了进去,相对于大神级别的人,看看就行,顺便指点一下就更好了 [目前自己思考的问题]到目前为止,自己工作也有2.5年了,早早过了只知道实现需求的时候了,更多的是培养

手写alert弹框(一)

采用原生的JavaScript, html代码 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <style> .div{ border:4px dashed #ccc;margin:130px auto; text-align:center; font-size:25px; width:100px; height:1

通知 弹框

弹框 整个jap 页面 <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-

WPF中PreviewMouseDownEvent的系统处理:TabItem的PreviewMouseDown 事件弹框后不切换的问题调查

?? 背景: UI中有一个TabControl, 包含2个TabItem,当切换到别的TabItem时可能弹框然后根据逻辑判断是否跳转过去. 然后我就做了这样一个demo: xaml: <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml" xmln

.net 弹出消息框后,页面样式变乱

点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,解决方法: 首先,确定使用的css样式正确,页面中的宽高值保持规范统一: 然后,弹出框避免使用Response.Write(),如下所示 Response.Write("<script language=javascript>"); Response.Write("window.alert('"); Response.Write("计划添加失败!"); Response.Write

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

将页面内容当成弹框进行显示

注:必须使用相对应版本的jquery mobile css.不然无法正常显示 1 <div data-role="page" id="pageone"> 2 <div data-role="header" > 3 <h1>头部</h1> 4 </div> 5 <div role="main" > 6 <a href="#pagetwo&qu