fadeIn在IE9中不起作用

這是地球上最簡單的想法，但它不起作用！ fadeIn功能不起作用IE9？這裏是一個演示：http://sergejpopov.com/test.htm fadeIn在IE9中不起作用

任何想法？我發現這個：http://www.kevinleary.net/wp-samples/ie-fade-problems.php，但無法弄清楚他們是如何修復它的。

JS：

$(document).ready(function() { 
      $(".a").click(function() { 
       $(".b").fadeIn("500"); 
      }); 
     });

HTML：

<style type="text/css"> 
    .b{ display:none; background-color:#fff;} 
</style> 


<a href="javascript:void(0);" class="a" >aaa</a> 
    <p class="b">bbb</p>

編輯：

奇怪，但淡出的工作沒有任何問題..

來源

2011-07-30 Sergej Popov

爲什麼你仍然使用那個難看的'javascript：void（0）'？只需'返回false;'在點擊功能 – PeeHaa

也不需要在'500'附近加引號 – PeeHaa

@PeeHaa，謝謝指點，但是這沒有幫助.. –

好了，所以我已經想通了，是它在IE9打破，如果顯示屬性設置爲none;並使其工作的唯一方法是，而不是設置顯示：無;隱藏（）;它在頁面加載..

$(document).ready(function() { 
      $(".b").hide(); 
      $(".a").click(function() { 
       $(".b").fadeIn(500); 
       return false; 
      }); 
      $(".c").click(function() { 
       $(".d").fadeOut(500); 
       return false; 
      }); 
     });

來源

2011-07-31 09:45:52

持續時間應該是一個整數，試試這個

$(document).ready(function() { 
      $(".a").click(function() { 
       $(".b").fadeIn(500); 
      }); 
     });

來源

2011-07-30 17:31:58 ShankarSangoli

更新，仍然是同一件事：http://sergejpopov.com/test.htm，它適用於所有其他瀏覽器，但不適用於IE9 .. –

如果您使用的是舊版本，請將Jquery升級到1.6+。在IE9中有幾個問題與IE9 – ShankarSangoli

更新 - 沒有運氣，怪異但fadeOut函數工作正常。 –

$(document).ready(function() { 
    $(".a").click(function() { 
     $(".b").fadeIn(500); 

     return false; 
    }); 
}); 

<a href="#" class="a" >aaa</a> 
<p class="b">bbb</p>

來源

2011-07-30 17:34:16 PeeHaa

更新，仍然沒有運氣：http：// sergejpopov。 COM/Capture2.JPG –

fadeIn在IE9中不起作用

回答

相關問題