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> 

愚蠢的蘋果設備。