失眠网 > IE浏览器对 jquery版本的兼容性支持

IE浏览器对 jquery版本的兼容性支持

时间：2019-07-14 15:40:23

IE浏览器存在多种兼容问题

掌握技巧，不再害怕

IE浏览器对 jquery版本的兼容性

注意：

ie9 / ie8 / ie7 …版本的IE浏览器，不兼容jquery中的部分属性方法；

以 jquery.1.7.2版本为例：

问题描述，示图如下：

代码块简略，示图如下：

html文件，部分代码如下：

...部分省略...<script src='js/jquery-1.7.2.js'></script><body>...部分省略...<div class="bottom_box "><ul class="ul_"><li onclick="collection()" id="collection_li"><a href="JavaScript:;" id="collectText">收藏</a></li><li onclick="nextPage('up')" ><a href="JavaScript:;" >上一题</a></li><li onclick="nextPage('next')"><a href="JavaScript:;" >下一题</a></li><li><a ><span id="nowQuestionNum">1</span>/<span id="qtNum" name="qtNum">100</span></a></li></ul><div class="block_" onclick="subTest()"><a href="JavaScript:;" > 交卷 </a></div></div>...部分省略...</body><script>...部分省略...//显示当前题目function showMenu() {var currentPage=$("#currentPage").val();var arrs = document.getElementsByName("dl_div");alert(arrs.length);for(var i=0;i<arrs.length;i++){ if (arrs[i].id=="dl_"+currentPage) {$("#dl_"+currentPage).show();//alert("testshow");} else {$("#"+arrs[i].id).hide();//alert("testhide");}}//changeCollect();getCollection();}//上一题/下一题function nextPage(data){var qtNum=$("#qtNum").text();var currentPage=$("#currentPage").val();var nowQuestionNum =$("#nowQuestionNum").text();var id=$("#ID_"+nowQuestionNum).val();var QUESTIONCLASS= $("#QUESTIONCLASS_"+id).val();var TRUEANSWER=$("#TRUEANSWER_"+id).val();if(QUESTIONCLASS =='questionType_moreChoose'){var str="";$("input[name='moreAnswer_"+id+"']:checkbox").each(function(){ if($(this).attr("checked")){str += $(this).val()+","}})if(str == ''){if(confirm("该题您还没有选择答案,确定要前往下一题吗？")){}else{return;}}else{subMoreChooseAnswer(id,TRUEANSWER);}}if(data=='up'){if(eval(currentPage)<=1){alert("已是第一题！");return;}currentPage=eval(currentPage)-1;}if(data=='next'){if(eval(currentPage)>=eval(qtNum)){alert("已是最后一题！");return;}currentPage=eval(currentPage)+1;}$("#currentPage").val(currentPage);$("#nowQuestionNum").text(currentPage);showMenu();}//题目跳转function toQuestion(data){var nowQuestionNum =$("#nowQuestionNum").text();var id=$("#ID_"+nowQuestionNum).val();var QUESTIONCLASS= $("#QUESTIONCLASS_"+id).val();var TRUEANSWER=$("#TRUEANSWER_"+id).val();if(QUESTIONCLASS =='questionType_moreChoose'){var str="";$("input[name='moreAnswer_"+id+"']:checkbox").each(function(){ if($(this).attr("checked")){str += $(this).val()+","}})if(str == ''){if(confirm("该题您还没有选择答案,确定要前往其他题吗？")){}else{return;}}else{subMoreChooseAnswer(id, TRUEANSWER);}}$("#currentPage").val(data);$("#nowQuestionNum").text(data);showMenu();}...部分省略...</script>