傑特_資訊手札

加入blockUI防止使用者重覆點擊，但在顯示遮罩時發生Gif圖檔的Loading不會動，查詢過後發現是blockUI的支援問題，需先預載圖片，也可利用Div將Loading圖檔隱藏，需要時再利用blockUI顯示。

<script language="javascript">
        $.blockUI({
            message: $('#divLoading'),
            css: {
                top:  ($(window).height() - 400) /2 + 'px',
                left: ($(window).width() - 400) /2 + 'px',
                border:     'none',
                backgroundColor:'transparent'              
            }
        });
</script>

<div id="divLoading" style="display: none; padding: 15px">
     <div style="font-size: 28px; vertical-align: middle; display: inline-block">
             <asp:Image ID="imgLoadin" ImageUrl="~/images/loading.gif" runat="server" />
    </div>
</div>  


參考資料：
http://www.4byte.cn/question/653091/chrome-firefox-doesn-t-display-images-in-objects-shown-in-beforeunload-event.html

http://htmlasks.com/ie8_display_images_chrome_firefox_doesn39_t_display_images_with_blockui

http://stackoverflow.com/questions/20054776/ie8-display-images-chrome-firefox-doesnt-display-images-with-blockui

https://github.com/malsup/blockui/issues/119