场景

在jsp页面中，有两个aside标签，分别实现有网以及无网情况下的两套左边导航栏的显示。

实现

页面代码

 <aside class="style_menu ovh abs top_0 press dis_none" id="ALL"><span id="orderComfirmRed1" style="display:none"></span></aside><aside class="style_menu ovh abs top_0 press dis_none"  id="noALL"><span id="orderComfirmRed" style="display:none"></span></aside>

js代码

通过判断是否在线，显示不同的aside标签的内容，然后在两个aside标签中有两个相同ID的span元素。

这里一定要确保这两个span元素的id不一致，否则会造成功能缺陷。

遇到过坑，以此警戒！

 $(function(){if(window.navigator.onLine){$("#ALL").css("display","inline-block");}else{$("#noALL").css("display","inline-block");}var url = "${ctx}/front/tbOnPurchaseAction/waitReceived";$.ajax({async : false,cache : false,type : 'POST',url : url,data :{dsType:'sysDs'},dataType:"json",success : function(data) {if(data.data==0){$("#orderComfirmRed").hide();$("#orderComfirmRed1").hide();}else{$("#orderComfirmRed").css("display","block");$("#orderComfirmRed1").css("display","block");$("#orderComfirmRed").text(data.data); $("#orderComfirmRed1").text(data.data); }}});});

同一个页面两个aside标签ID重复问题导致的功能缺失相关推荐

Word中如何在同一个页面下设置两个不同的页码
在Word出版物中,经常会在同一个页面中设置不同的页码,比如A3版面,横向纸张,一个页面有两部分内容,你需要分别设置不同页码,Word中的页码设置是不能直接生成的,这个时候需要用到word中的域. 具 ...
一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题
双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题: 移动端一.安卓端: 1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放. 2.百度浏览器:上方视频 ...
快速解决mongodb出现id重复问题
近期在使用mongodb的过程中遇到一次表中有_id字段重复的记录(相同_id的有两条),着实吓了一大跳,这篇文章主要给大家介绍了关于mongodb出现id重复问题的简单解决办法,需要的朋友可以参考下 ...
织梦直接写php标签,怎么在自己的php页面中使用dedecms标签
怎么在自己的php页面中使用dedecms标签? 这篇文章主要介绍了在自己的php页面中使用dedecms标签的代码示例,需要的朋友可以参考下推荐学习:织梦cms 第一步:外部php页面中加入如下代 ...
同一个页面提交多个form表单方法（详细）
办法1.同一个页面中建立两个表单各自提交: <form action="?" name="form1" id="form1"> ...
vue可以多次导入吗_vue中同一个页面多次使用同一个组件的相互干扰问题
我们知道,vue有一个重要的理念就是组件化,即将重复使用的功能点抽提出来作为组件,需要使用的页面只需要引用该组件即可得到相应的功能点. 而组件化的一个重要特性就是作用域隔离,即一个组件实例拥有一个私有 ...
vue中同一个页面多次复用同一个组件的相互干扰问题
如标题所说,我们在使用vue.js组件时,会出现在同一个页面会多次使用相同的组件,更特别的是,组件相同,但数据呈现上是完全不同的,但dom交互的处理是一样的,在这样的背景下,有可能引起组件数据跟需求不 ...
asp.net mvc jqgrid 同一个页面查询不同的表，jqgrid显示不同表的表头和数据并且分页...
基于我上一篇文章<a href="http://www.cnblogs.com/alasai/p/4765756.html">asp.net mvc excel导入&l ...
django一个html先后两个form,django 一个页面两个表单怎么提交
收到一只叮咚 1234567891011121314151617181920212223242526272829办法1.同一个页面中建立两个表单各自提交: 1234567812345678办法2:如 ...

同一个页面两个aside标签ID重复问题导致的功能缺失

场景

实现

同一个页面两个aside标签ID重复问题导致的功能缺失相关推荐

最新文章

热门文章