如何获得在Firefox和Google Chrome上工作的jQuery效果？

Question

我用jQuery和淡入淡出&淡出效果。我有以下代码来显示和隐藏一个消息的div。

`

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("button").click(function() { 
      $("#upd").fadeIn(3000); 
      $("#upd").fadeOut(20000); 
     }); 

    }); 
</script> 

<style type="text/css"> 
    div 
    { 
     background: rgb(237, 243, 254); 
     margin: 0px 0px 5px 0px; 
     padding: 13px 30px 13px 30px; 
     width: 300px; 
    } 
</style> 

`

它完美的IE浏览器，但它并没有在Chrome在Firefox做任何事情，我得到显示和隐藏行为。

是否有特殊的步骤让这个库在所有浏览器中均匀或至少接近？

Answer 1

从fadeIn的回调中尝试fadeOut。这将确保后者的效果跑到一旦第一完成，而不是在：

$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#upd").fadeIn(3000,function(){ 
     $(this).fadeOut(2500); 
    }); 
    }); 
}); 

jQuery的应该工作几乎由本身所有的浏览器相同。如果你得到奇怪的行为，你可能做错了 - 不是jQuery :)

Answer 2

一，确保你使用的是最新的jQuery，并且在你所有的浏览器中都启用了Javascript。

二，尽量链接的fadeIn和fadeOut通话在一起：

$("button").click(function() { 
    $("#upd") 
     .fadeIn(3000) 
     .fadeOut(20000); 
}); 

Answer 3

现在的问题是： $（ “按钮”）

有没有像按钮没有元素，如果它是一个类然后： $（ '按钮 '）

...如果它是一个ID，然后在： $（' ＃键'）