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（“slow”）和hide（“slow”）而不使用fadeIn和-Out。

jQuery中的fadeIn（）fadeOut（）在IE中不起作用，但在FF中起作用

2 个答案: