場景

在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重复问题导致的功能缺失的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。