1

私はjQueryとfadeIn＆fadeOutエフェクトをいじっています。メッセージで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>

`

Internet Explorerで完全に動作しますが、Chromeでは何も実行せず、Firefoxで表示と非表示の動作を取得します。

このライブラリがすべてのブラウザで均等に、または少なくとも近くで機能するための特別な手順はありますか？

4

3 に答える 3

7

およびfadeInのコールバックからfadeOutを試してください。これにより、次の期間ではなく、最初の効果が完了したときに後者の効果が実行されるようになります。

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

jQueryは、それ自体ですべてのブラウザでほぼ同じように機能するはずです。奇妙な振る舞いをしている場合は、jQueryではなく何か間違ったことをしている可能性があります:)

于 2009-01-18T00:19:41.210 に答える
0

1つは、最新のjQueryを使用していること、およびすべてのブラウザーでJavascriptが有効になっていることを確認してください。

次に、fadeInとfadeOut呼び出しを連鎖させてみてください。

$("button").click(function() {
    $("#upd")
        .fadeIn(3000)
        .fadeOut(20000);
});
于 2009-01-18T00:24:45.003 に答える
0

ここに問題があります: $("button")

ボタンのような要素はありません。クラスの場合: $('.button')

... ID の場合: $('#button')

于 2010-03-15T17:54:51.660 に答える