2. 程式人生 > >IE瀏覽器 對 jquery版本的相容性 支援

IE瀏覽器 對 jquery版本的相容性 支援

阿新 • • 發佈：2019-01-03

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>

注意：

比如上面出現的抓取name=”“的選擇器使用失效的問題。
根據上面的程式碼提示：發現在ie9 、ie8、 ie7低版本的IE瀏覽器模式下，均會出現不同程度的jquery失效問題，從一定程度上反應了jquery與瀏覽器的部分不相容問題。
基本上在達到ie10，及其以上版本的ie瀏覽器或ie核心瀏覽器才會對jquery有較為全面和完整的支援性。

除了ie版本的問題？還有jquery版本問題？網頁快取？程式碼邏輯錯誤？也都說不定呢！

具體問題現象，具體分析；

本文不提供具體解決辦法；

謹以此文，表明不同版本的ie瀏覽器對於jquery支援的差異性。以及其他可能影響頁面佈局效果和功能的相關因素。

相關推薦

IE瀏覽器 對 jquery版本的相容性 支援

IE瀏覽器存在多種相容問題 掌握技巧，不再害怕 IE瀏覽器 對 jquery版本的相容性 注意： ie9 / ie8 / ie7 …版本的IE瀏覽器，不相容jquery中的部分屬性方法； 以 jquery.1.7.2版本為例： 問題描述，

ie瀏覽器對border-radius屬性的支援小結

1. ie10,ie9支援border-radius屬性 2.ie10相容性檢視，ie8,ie7,ie6,不支援border-radius屬性 對於不支援圓角屬性的ie瀏覽器，可以通過引入ie-css3.htc或PIE.htc檔案來解決該問題。 在CSS檔案中引入ie-c

通過註冊表修改IE瀏覽器內核版本

on() gis exec try exceptio 整理 feature setvalue rem static public void SetIERegistry() { try { //獲取系統IE版本號 string strIEVersio

JS - 各瀏覽器對ES2015/ES6的支援情況（桌面端、移動端、以及伺服器）

2015年6月， ES2015（即 ECMAScript 6、ES6） 正式釋出。ES2015 是該語言的一個顯著更新，也是自 2009年 ES5 標準確定後的第一個重大更新。 ES6 提供了許多新特性，但並不是所有的瀏覽器都能夠完美支

HBase各版本對Hadoop版本的支援對比

參考：https://blog.csdn.net/vtopqx/article/details/77882491 由於Hbase是建立在HDFS上的，而HDFS又是Hadoop的一部分，因此安裝Hbase的時候需要先安裝Hadoop; 關於Hbase與Hadoop的版本對應關係，是有一定的要

解決ie瀏覽器對easyui載入時候彈出的div一閃而過的問題

彈出div程式碼：<div  class="easyui-panel", data-options="fit:true ,border:false " >    <div id="p" class="easyui-panel" data-options=

根據不同瀏覽器選擇jquery版本

對於1.9x 和 2.x 版，如果你要支援IE 6/7/8，就選擇 1.9 版；反之隨便選，1.9 和 2.0 版皆可。你也可以使用下面的程式碼： <!DOCTYPE html> <html> <head> <meta charse

HBase各版本對Hadoop版本的支援情況

安裝HBase時，要考慮選擇正確的Hadoop版本，否則可能出現不相容的情況。 HBase各版本和Hadoop版本的支援情況，官方有相關說明，下面表格中： "S" = 支援 "X" = 不支援

JS：區分 Chrome、Firefox、IE 瀏覽器型別和版本

本文內容大多基於官方文件和網上前輩經驗總結，經過個人實踐加以整理積累，僅供參考。 JS 可以利用瀏覽器 Navigator 物件的 userAgent 屬性判斷其型別和版本 通過以下 JS 程式碼打印出瀏覽器 Navigator 物件的 userAgen

谷歌瀏覽器預設最小字型的解決方法以及各瀏覽器對字型大小的支援

（一）谷歌預設的最小字型是12px,但是通常由於頁面的需求我們需要使用更小的字型，解決方法如下： （1）使用transform.scale()屬性，需加上谷歌字首：-webkit- /這裡的數字0.8，是縮放比例，可以根據情況變化。/ 注意：sacle()

HBase對hadoop各版本的支援和相容性

"S" = supported 支援"X" = not supported 不支援"NT" = Not tested 沒有經過測試 以下為圖各個版本的支援情況 HBase-0.92.xHBase-0

讓低版本的IE瀏覽器支援HTML5

Internet Explorer 瀏覽器問題 你可以使用以上的方法來為 IE 瀏覽器新增 HTML5 元素，但是： 我們可以使用 Sjoerd Visscher 建立的 "HTML5 Enabling JavaScript", " shiv" 來解決該問題: <!-

判斷IE瀏覽器版本

dex agent int app ide ros useragent function soft function IEVer(){ var rv = -1; if (navigator.appName == ‘Microsoft Internet Expl

讓網頁在ie瀏覽器下以最高版本解析網頁

com class mpat ble 標準模式 -1 高版本 content 解析 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-

jquery綁定的事件對ajax刷新出的數據不生效，on可能受jquery版本影響

js 數組 name 事件 案例 文字 script input java emp 問題：jquery綁定的事件對ajax刷新出的數據不生效 方法：可以用 jquery 裏面的 on 和 delegate 預綁定父元素就可以觸發的。 註意：某些限制下，個人用的是jquer

IE瀏覽器報錯 ‘Rowspan’ 為空或不是對象

相關 aaa ttr length 沒有 pos sdn log 瀏覽器中 摘自 http://blog.csdn.net/zxygww/article/details/46635403 環境： EasyUI 1.4.2. 現象： 在使用JQuery EasyUI 的d

【學習】jquery.placeholder.js讓IE瀏覽器支持html5的placeholder

jquery HERE zha username 瀏覽器 http ie瀏覽器 rdp 實際應用 原文鏈接：https://www.cnblogs.com/xiaoxianweb/p/5692301.html type為text或password的input，其在實際應用時

使用 Microsoft.UI.Xaml 解決 UWP 控制元件和對老版本 Windows 10 的相容性問題

原文 使用 Microsoft.UI.Xaml 解決 UWP 控制元件和對老版本 Windows 10 的相容性問題 雖然微軟宣稱 Windows 10 將是最後一個 Windows 版本，但由於年代跨越實在太久遠，相容性依然是避不開的問題。Microsoft.UI.Xaml 的預覽版現已推出，旨在解決 U

通過Jscript中@cc_on 語句識別IE瀏覽器及版本的程式碼

啟用條件編譯支援。  @cc_on 備註  @cc_on 語句啟用指令碼引擎中的條件編譯。  強烈推薦在註釋中使用 @cc_on 語句，以使不支援條件編譯的瀏覽器將您的指令碼視為有效語法而接受它：  /*@cc_on*/  // The remain

html提醒使用者IE瀏覽器版本過低，引導更新或下載其他瀏覽器

HTML條件註釋判斷IE<!--[if IE]><!--[if lt IE 9]>--> html 條件判斷語句， 只針對ie瀏覽器有效， 其他的瀏覽器會自動忽略掉， 例如以下的意思是在ie9以下 用jquery1版本，ie9以上用jquery2版本。 有