6

私は、コンピューターだけでなく、Ipad、iPhone、タブレット、Androidフォンでも動作するアプリケーションに取り組んでいます。ユーザーが1つのページから別のページに移動するときに、読み込み中のgifを表示するという要件が1つあります。これにより、ページの読み込み/読み込み解除が進行中であるという情報がユーザーに提供されるためです。

だから私はDOMの準備ができていないときにGIFを表示するための以下のコード///以下のコードを試しました。

$(document).ready(function(){
  $("#loading").hide();});

//ユーザーがサーバー操作を行うためにボタンをクリックしたときにGIFを表示するための以下のコード。

$(window).bind('beforeunload',function(){ 
      $("#loading").show();});

ここで、＃loadingは私のGIFコードを含むdivのIDです。現在、これはPCブラウザーでは大いに機能していますが、Ipad、iPhone、Androidフォンでは機能していません。理由がわかりません。

<div id="loading">
  <img id="loading-image" src="/img/loading.gif" alt="Loading..." /></div>

このdivはGIFをロードするためのものです。

4

2 に答える 2

2

「window.onbeforeunload」イベントとjquery-loading-overlayを使用しています

リンク: https://gasparesganga.com/labs/jquery-loading-overlay/

完全なコードはこちら

<!-- also link to jquery.js -->
<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.6/dist/loadingoverlay.min.js"></script>

<script>
    window.onbeforeunload = function () {
        // Show Loding
        $.LoadingOverlay("show");

        // Disable javascript default confirm message
        //return "Are you sure you wish to leave the page?";
        return undefined;
    };

    // If Canceled by user
    $(document).keyup(function (e) {
        if (e.key === "Escape") {
            $.LoadingOverlay("hide");
        }
    });
</script>
于 2019-11-30T23:06:48.767 に答える
0

アンロードしてみてください 。

$(window).unload(function()
{
    $('body').html('<img src="img/4.gif" alt="" />');
});
于 2013-02-11T05:31:38.160 に答える