a problem of jQuery's fadeIn() in iPhone (Version>=1.8.0)

a problem of jQuery's fadeIn() in iPhone (Version>=1.8.0)

I found a special bug of fadeIn. It blinks twice in iphone browser,and In PC browser is ok.
This bug appear in the version 1.8.0 and higher. In 1.7.2 is ok.

The link:

Short link:
http://t.cn/zTqdW1z

Use Iphone's safari, and press the browser Back and Forward buttons after clicked the button.

The code:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  6. </head>
  7. <body>
  8. <div style="position:fixed;top:0;left:0;right:0;bottom:0;">
  9.     <div id="aaaaaa" style="position:absolute;">
  10.     aaaaaaaaaaaaa<br />
  11.     aaaaaaaaaaaaa<br />
  12.     aaaaaaaaaaaaa<br />
  13.     </div>
  14. </div>
  15. <script type="text/javascript">
  16. window.onhashchange = function()
  17. {
  18.     setTimeout(function(){
  19.         var obja = $('#aaaaaa');
  20.         if (obja.css('display')=='none')
  21.         {
  22.             obja.fadeIn();
  23.         }
  24.         else
  25.         {
  26.             obja.fadeOut();
  27.         }
  28.     },100);
  29. };

  30. </script>




  31. <div style="position:absolute;top:150px;z-index:10;">
  32. <input type="button" value="click" onclick="document.location.hash='test'" />
  33. Use Iphone's safari, and press the browser Back and Forward buttons after clicked the button.
  34. </div>

  35. </body>
  36. </html>