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> 

愚蠢的苹果设备。