jQuery fadeIn не работает на iPhone

Question

Pretty basic fade in/out. Просто не будет работать на 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> 

Глупые устройства Apple.