Wie jQuery Effekte arbeiten an Firefox und Google Chrome zu bekommen?

Question

Ich bin Stochern mit jQuery und die fadeIn & fadeOut Effekte. Ich habe den folgenden Code angezeigt werden und ein div mit einer Nachricht zu verbergen.

`

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

`

Es funktioniert perfekt auf Internet Explorer, aber es tut nichts in Chrom und ich zeigen bekommen und verstecken Verhalten in Firefox.

Gibt es einen speziellen Schritt für diese Bibliothek gleichmäßig zu arbeiten oder zumindest in der Nähe in allen Browsern?

Answer 1

Versuchen Sie fadeOut aus dem Rückruf von fadeIn . Dadurch wird sichergestellt, dass dieser Effekt einmal lief der erste abgeschlossen ist, und nicht bei:

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

jQuery sollte arbeiten fast das gleiche in allen Browsern von selbst aus. Wenn Sie seltsame Verhalten sind immer, sind Sie wahrscheinlich etwas falsch zu machen - nicht jQuery:)

Answer 2

Ein, stellen Sie sicher, dass Sie die neueste jQuery verwenden, und dass Javascript ist in allen Browsern aktiviert.

Zweitens versuchen, die fadeIn Verkettungs und fadeOut ruft zusammen:

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

Answer 3

Hier ist das Problem: $ ( "Button")

Es gibt kein Element wie Taste, wenn es eine Klasse ist dann: $ ( 'Taste')

... und wenn es ein id dann: $ ( '# Taste')