jQuery fadeInがiPhoneで動作しない

Question

かなり基本的なフェードイン/アウト。単にどのiPhoneでも動作しません。 Safariのデスクトップ版でうまく動作します。助言がありますか？

ありがとうございます！

  <div class="maploading" style="float:right;margin-top:17px;"> 
       <img src="whatever.jpg" /> 
      </div> 
      <script type="text/javascript"> 
       var $kds = jQuery.noConflict(); 
       $kds("div.maploading").hide(); 
       $kds("#addressSubmit").click(function() { 
        $kds("div.maploading").fadeIn(100).delay(1200).fadeOut(400); 
       }); 
      </script> 

Answer 1

解決策が見つかりました。これが誰にとってもうまくいくかどうかはわかりません。どうやら、表示/非表示にしたいオブジェクトを設定するには 'position：absolute'が必要です。これは、要素の位置を大幅に変更する可能性があることに注意する価値があります。

 <div class="maploading" style="position:absolute;display:none;"> 
      <img src="whatever.jpg" /> 
     </div> 
     <script type="text/javascript"> 
      var $kds = jQuery.noConflict(); 
      $kds("#addressSubmit").click(function() { 
       $kds("div.maploading").fadeIn(100).delay(1200).fadeOut(400); 
      }); 
     </script> 

愚かなアップルデバイス。