2010-06-29 87 views
2

我有下面的代码是不是在IE中工作,任何想法?fadeIn()fadeOut()在jQuery不工作在IE中,但在FF做

<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 --> 
+0

我这个昨天的战斗和阅读几篇文章的解决方案和努力,我决定放弃,并在IE中我没有动画之后。 – kubal5003 2010-06-29 19:15:32

+0

@kubal - 对我来说不是一种选择,不幸的是。 – kylex 2010-06-29 19:16:56

+0

它是不工作,或点击事件的淡入? – 2010-06-29 19:16:56

回答

5

尝试更改事件来代替:

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

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

这对我来说很有用。谢谢! – kylex 2010-06-29 19:56:36

0

当前版本是1.4.2,或许该版本已解决此问题。我知道IE根据版本有一些非常奇怪的错误 - 即旋转的图像在FF和Chrome中显示良好,但在IE中未旋转(放弃它)。除此之外,您可以尝试使用show(“slow”)和hide(“slow”),而不使用fadeIn和Out。

相关问题