iT邦幫忙

0

jQuery 功能佈到IIS後在 IE11執行無反應

最近因為公司需求,用ASP.NET開發了一個簡易的網頁供同事查詢資料,當查詢資料數為0時,我會用FadeIn/Out去操作Div告知查無資料,如有資料的話,則會用animate把視窗滾到最下方(因為GridView在下面)。

這些功能我在自己的電腦上執行的時候,用IE11/Chrome/Edge都可以正常呈現效果,但佈到Server的IIS後,在用IE11去測試卻沒有反應了,用Chrome/Edge倒是沒問題。

因小妹是ASP.NET初學者..IIS也是自己架的,希望各位前輩能幫忙解惑一下,是不是有甚麼設定沒有做好,謝謝。

我的Server是2008 R2,IIS是7.5,角色安裝功能如附圖:
https://ithelp.ithome.com.tw/upload/images/20180713/20105423AzixL5m3q3.png
https://ithelp.ithome.com.tw/upload/images/20180713/20105423S3VfpRxCrf.png

jQuery我引用的是3.1.1版,功能的程式碼如下:

function DivFadeIn() {
            var w = $(window).width();
            var h = $(window).height();
            var nulldata = $('#divNullData');
            nulldata.css({ "z-index": 999997, "top": (h / 2) - (nulldata.height() / 2), "left": (w / 2) - (nulldata.width() / 2) });
            nulldata.fadeIn("show");
            nulldata.fadeOut(2500);
        }
function ScrollToBottom() {
            var h = $(document).height()
            $('html,body').animate({ scrollTop: h }, 800);
        }
看更多先前的討論...收起先前的討論...
froce iT邦高手 1 級 ‧ 2018-07-13 16:57:32 檢舉
瀏覽器按F12先看看有沒有正確載入JQ。
小魚 iT邦高手 1 級 ‧ 2018-07-13 19:31:36 檢舉
原本以為是瀏覽器相容的問題,不過本機可以這我倒是蠻疑惑的...
六時雨 iT邦新手 5 級 ‧ 2018-07-14 13:07:25 檢舉
我剛剛開起來看,jquery-3.1.1.js狀態是顯示200,應該是有載入成功的.
剛剛發現用 hide()、show() 是沒有問題的..好像又不是全部的 jquery 都不能用..
六時雨 iT邦新手 5 級 ‧ 2018-07-14 13:16:34 檢舉
我在我的主機也架設了IIS,再把相同的網頁放上去用IE11瀏覽,發現功能也正常,只有Server上的網頁無法正常呈現效果,我也在Server端安裝了Java,好像也沒有幫助..
Homura iT邦高手 3 級 ‧ 2018-07-16 09:26:26 檢舉
該不會是你調到IE11的相容性....
六時雨 iT邦新手 5 級 ‧ 2018-07-16 10:24:27 檢舉
謝謝大家~我查出問題了!原來是我們公司的 Server 2008 r2 沒有更新補丁,所以導致IE10、11無法dopostback,而我無效的jQuery是放在事件中,所以才會沒有反應,因為根本沒有postback >___<。
我參考了很多前輩的文章,最後用下列步驟依序操作就解決了,給大家參考一下:
1. 安裝補丁
NDP451-KB2858728-x86-x64-AllOS-ENU
NDP20SP1-KB953300-v2-x64
Windows6.1-KB3020369-x64
NDP40-KB2652531-x64
NDP40-KB2836939-v3-x64
dotNetFx40_Full_x86_x64

2.到Nuget套件管理器主控台執行:
install-package App_BrowsersUpdate

3.在App_Browsers目錄下新增IE10Fix.browser,內容複製此段代碼:
<browsers>
<browser refID="Default">
<capabilities><!-- To avoid wrong detections of e.g. IE10 -->
<capability name="cookies" value="true" />
<capability name="ecmascriptversion" value="3.0" />
</capabilities>
</browser>
</browsers>

尚未有邦友回答

立即登入回答