fadeIn () fadeOut () в jQuery не работает в IE, но работает в FF

Question

У меня есть следующий код, который не работает в IE, есть мысли?

<script type="text/javascript" src="assets/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#login-ad').hide();
    $('.Sub').click(function() {
        $('#login-ad').fadeOut();
        $('#remove-for-login').fadeIn();    
    });

    $('.Home').click(function() {
        $('#login-ad').fadeOut(); 
        $('#remove-for-login').fadeIn();   
    });

    $('.Login').click( function() {
        $('#login-ad').fadeIn();    
        $('#remove-for-login').fadeOut();       
    });

});
</script>


<select>
    <option value="Sub" class="Sub">Sub</option>
    <option value="Home" class="Home">Home</option>
    <option value="Login" class="Login">Login</option>
</select>

<div id="login-ad" >
    This text should fade in when Login is chosen.
</div><!-- /login-ad -->

Answer 1

Попробуйте вместо этого изменить событие:

   $("select").change(function() {

         if( $("select option:selected").val() == "login")
              $('#login-ad').fadeIn();
   }

Answer 2

Текущая версия 1.4.2, возможно, эта версия решает эту проблему. Я знаю, что IE имеет некоторые очень странные ошибки в зависимости от версии - то есть повернутые изображения хорошо отображаются в FF и Chrome, но не повернуты в IE (отказались от этого)

Кроме того, вы можете попытаться использовать show («медленно») и hide («медленно») без fadeIn и -Out.