為什麼 onload 會在 safari 失效？

safari macos macbook jquery onload

火爆浪子 2018-03-29 13:22:46 ‧ 7140 瀏覽

分享至

$(document).ready(function(){
    $(".pageloading").show();

    $(window).on("load", function() {
    $(".pageloading").fadeOut();
  });
});

google chrome可以，會 $(".pageloading").fadeOut();
但safari網頁即使完成load，依然不會啟用 $(".pageloading").fadeOut();
這要怎麼解？
手機safari甚至也可以....

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

暐翰

iT邦大師 1 級 ‧ 2018-03-29 13:27:58

最佳解答

windows load事件在
document ready事件之前

所以你想要的效果是消失後馬上顯現
然後現在問題出在safari消失效果沒有?
這段代碼其實照邏輯推下來你只需要

$(document).ready(function () {
    $(".pageloading").show();
    console.log("document ready");
});

可以用下面代碼測試一下，你的問題應該出在時間的認知

$(document).ready(function () {
    $(".pageloading").show();
    console.log("document ready");
});
$(window).on('load', function(){ 
    $(".pageloading").fadeOut();
    console.log("window load");
});

回應 5
分享
檢舉

看更多先前的回應...收起先前的回應...

ccutmis iT邦高手 2 級 ‧ 2018-03-29 14:25:10 檢舉

火爆浪子 iT邦研究生 1 級 ‧ 2018-03-29 15:58:17 檢舉

呃？還是一樣耶

暐翰 iT邦大師 1 級 ‧ 2018-03-29 16:04:37 檢舉

打開chrome按F12看一下log有沒有麼錯誤

另外fadeout完馬上show你是如何判斷沒有fadeout的?
這肉眼觀察不出來吧O.O

ccutmis iT邦高手 2 級 ‧ 2018-03-29 17:16:54 檢舉

補充一下
$(document).ready(function () {
$(".pageloading").fadeOut();
});
$(window).on('load', function(){
$(".pageloading").show();
});

這樣改試試看...按照暐翰大說的，樓主把show跟fadeout的順序顛倒了事件先發生的on('load')作 pageloading .show() 然後等$(document).ready觸發作 pageloading .fadeout() 收工~ :D

火爆浪子 iT邦研究生 1 級 ‧ 2018-03-29 17:26:22 檢舉

看過了，沒有顯示錯誤

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙