jquery实现状态灯转换的注意事项

简介: jquery实现状态灯转换的注意事项

总状态灯的判断

1.lightStatus=[],创建总状态灯判断的依据;

2.将所有群组的状态传入总状态灯数组;

3.判断lightStatus是否全部"正常运行",并返回布尔值;

4.$("#sStatus").removeClass().addClass("alert2"),更换样式;

        if (data1) {
            var secHtml = "";
            var lightStatus=[];
            for (var i = 0; i < data1.length; i++) {
                //状态的新数组;
                lightStatus[i] =data1[i].status;
                //文本信息;
                secHtml += "<li><span>" + (i + 1) + "</span><span>"
                    + limitWords(data1[i].device, 9) + "</span><span>"
                    + data1[i].datetime + "</span><span class=" + getStColor(data1[i].status) + "></span><span>"
                    + getStatus(data1[i].status) + "</span></li>";
            }
            //console.log(lightStatus);
            //状态灯;
            var result = lightStatus.every(item => item === "正常运行");
            if (result === true) {
                $("#sStatus").removeClass().addClass("alert2");
            }
            if (result === false){
                $("#sStatus").removeClass().addClass("alert1");
            }

lockdatav Done!


相关文章
|
11月前
|
JavaScript
jQuery学习(三)—jQuery使用步骤以及注意事项
jQuery学习(三)—jQuery使用步骤以及注意事项
|
JavaScript 前端开发 Web App开发
|
Web App开发 JavaScript 测试技术
JQuery选择器之[attribute^=value]使用注意事项
注意事项一: Firefox下JQuery选择器之[attribute^=value]使用注意事项 之前写的一个脚本中用到了 var bindAttrs = $("[databind^='attr'", item);大家都看出存在的问题了吧? 这脚本用了一段时间了,但一直没用Firefox下测试过, 在其它浏览器下都能正常使用! 今天突然有人发现在Firefox下加载的数据不正确, 经过一段时间的调试,最后发现是代码写的有问题, 犯了一个低级的错误,只写了左中括号,忘了写右中括号。
698 0
|
JavaScript PHP
jQuery get和post 方法传值注意事项
用 jQuery 的都知道,jQuery 的 get 和 post 方法有三个参数:地址,数据 和 回调函数,但我们知道地址也可以跟随数据的(形如:get_data.php?v1=1&v2=2),而且第二个参数可以省略,即第二个参数可以直接写回调函数,那么数据写在地址后面和写在 data 参数里有什...
863 0
|
Web App开发 JavaScript 前端开发
JQuery语法总结和注意事项
1、关于页面元素的引用   通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
739 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
62 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
63 1