如何判断一个弹框是打开还是关闭状态?

1.给弹框设置标记物。

<input type="hidden" id="allcomplaintlist_status" value="0">

将value设置为0;

2:当弹框打开时,将value设置为1;

$("#allcomplaintlist_status").val(‘1‘);

3.当弹框关闭时,将value设置为0;

$("#allcomplaintlist_status").val(‘0‘);

场景应用,当弹框显示的时候,实时请求刷新页面数据;关闭时候则不请求数据

//打开弹框,状态设置为1
function allcomplaintlist() {
$("#allcomplaintlist_status").val(‘1‘);
$(".asideRt2").show();
}
//请求数据
function allcomplaintlistStatus() {
var allcomplaintlist_status=$("#allcomplaintlist_status").val();
if(parseInt(allcomplaintlist_status)!=1){//如果状态不为1,则不请求,当状态为1时候程序往下走,请求数据
return;
}
var device_data = {
curPage : thisPage,
pageSize:5,
/* monoid : localStorage.getItem("monoid"),
searchBarPermissions : localStorage.getItem("searchBarPermissions"),
channelType:localStorage.getItem("channelType") */
monoid : 2000118,
searchBarPermissions : 2,
channelType:19
};
var results = Common.prototype.callPost("/complaint/allcomplaintlist", device_data);

if (results.code == 8000) {
console.log("我在请求");
var datas = results.body;
if(datas.datas.length==0){
$(".thisNo").show();
}else{
$(".thisNo").hide();
}
$(".totallAll").text(datas.totalCount);
$("#device_body tbody").html("");
$.each(datas.datas, function(key, val) {
var tb_show = ‘<tr align="center"><td>‘ + (key+1) + ‘</td><td>‘ + val.serialNumber + ‘</td><td>‘ + val.channelName1 + ‘</td><td>‘ + val.channelName2 + ‘</td>><td>‘ + val.channelName3 + ‘</td><td>‘ + val.typename + ‘</td><td>‘ + val.send_time + ‘</td><td>‘ + "使用人" + ‘</td><td>‘ + 110 + ‘</td><td>‘ + val.content + ‘</td></tr>‘;
$("#device_body tbody").append(tb_show);
});
} else {
alert("获取失败");
}
}
window.setInterval("allcomplaintlistStatus()",5000); //定时刷新,目的为了实时获取value的状态值,来判断是否实时请求、

原文地址:https://www.cnblogs.com/Fancy1486450630/p/10551065.html

时间: 2024-08-11 14:58:04

如何判断一个弹框是打开还是关闭状态?的相关文章

js 判断一个文本框是否获得焦点

1.js 判断一个文本框是否获得焦点 // 可以用document.activeElement判断 // document.activeElement表示当前活动的元素 // 查找你要判断的文本框 var myInput = document.getElementById('myInput'); if (myInput == document.activeElement) {     alert('获取焦点'); } else {     alert('未获取焦点'); } 2.文本框获取焦点后

如果exclipe中Java视图中Consol跑偏了单独形成一个弹框怎么办?

问题如图: 不和其他的在同一窗体中,而且拖动也拖不进去,则是使用以下方法: 点击工具栏上的Window--->点击Reset Perspective...这样就可以解决了. 如果exclipe中Java视图中Consol跑偏了单独形成一个弹框怎么办?,布布扣,bubuko.com

C#中判断一个网址是否可以打开

public static void GetPage(String url) { try { // Creates an HttpWebRequest for the specified URL. HttpWebRequest myHttpWebRequest = (HttpWebRequest)WebRequest.Create(url); // Sends the HttpWebRequest and waits for a response. HttpWebResponse myHttpW

自己封装一个弹框插件

弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高,一般的弹框插件可能只满足大部分要求,自定义花的时间还不如手动自己封装一个符合自己开发习惯的弹框组件,这样后续开发效率将大大提高. 首先整理一下思路,原生javascript其实是有实现alert()方法的,但是那个会暂时性中断程序运行,并且足以让你丑拒!那么抛开这些细细一想,其实弹框就是两个div层

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

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

vue+elementui 新增和编辑如何实现公用一个弹框

//html代码: //按钮 <el-button type="primary" size="medium" @click="addEquipment">新增</el-button> <el-button type="text" size="medium" @click="handelEdit(scope.$index, scope.row)">编辑&

Android系统移植与调试之-------&gt;增加一个双击物理按键打开和关闭闪光灯并将闪光灯状态同步到下拉菜单中

最近有一个客户有这样的需求: 1.在[设置]--->[无障碍]中添加一个开关按钮. 如果打开开关的话,双击某个物理按键的时候,打开闪光灯,再双击该物理按键的时候,关闭闪光灯. 如果关闭开关的话,双击该物理按键的时候,不做任何处理. 2.打开关闭闪光灯的状态,在下拉菜单中也要同步. 如下图所示的效果: 当打开上面添加的开关后,如果双击POC键(POC键是我们公司自定义的一个物理按键)的时候,就打开闪光灯,并将下拉菜单中的闪光灯图标点亮,如下图所示 如果再次双击POC键(POC键是我们公司自定义的一

Bootstrap开启模态框后对数据处理(标记模态框的开启与关闭状态)

JS用全局变量标记状态,方法中动态修改全局变量以标记状态是一个重要思想. 需求:组合条件查询数据,查询完之后填充到模态框中,开启模态框,模态框中有组合条件查询,此时查询只需要更新模态框表格数据不需要开启模态框,也就是让模态框开启方法执行一次. (点查询的时候只更新数据不会再次开启模态框) 思想:JS设置一全局变量,在手动开启模态框之后修改全局变量的值,此时调用查询方法不会执行开启模态框方法;在手动关闭的时候将全局变量置为初值,可以在查询的时候再次开启模态框. 模态框的一些重要事件: 下表列出了模

用 javascript css 编写一个弹框

CSS代码: .pop_box_2{display: none; position: fixed; left: 43%; top: 35%; margin-left: -225px; margin-top: -137px; width: 780px; min-height: 274px; background: #fff; border: 1px solid #107fae; z-index: 2;} .pop_box_2 .title{margin:0 auto;width: 100%; pa