javascript - javascript 4ボタン、2動作

原文 javascript jquery button

idの4つのイメージタグがあります。


picture_off
picture_on
go_forward
go_backward


クリックするとpicture_offとpicture_onが機能します。ただし、go_forwardは、クリックされると、テキストid="PageOneText"を含むdivを非表示にすることが想定されています。これは動作しません。

    $(document).ready(function () {
        $("#picture_off").click(function () {
            $("#MinecraftVideo").animate({
                opacity: '1.0'
            });
        $("#Floating_Island").animate({opacity: '0'});
        $("#picture_on").animate({opacity: '1'});
        $("#picture_off").animate({opacity: '0'});
        $("#attribute1").animate({opacity: '0'});
        $("#attribute2").animate({opacity: '1'});
        });
    });

    $(document).ready(function () {
        $("#picture_on").click(function () {
            $("#MinecraftVideo").animate({
                opacity: '0'
            });
        $("#Floating_Island").animate({opacity: '1'});
        $("#picture_off").animate({opacity: '1'});
        $("#picture_on").animate({opacity: '0'});
        $("#attribute1").animate({opacity: '1'});
        $("#attribute2").animate({opacity: '0'});
        });
    });

    $(document).ready(function () {
        $("#go_forward").click(function () {
            $("#PageOneText").animate({
                opacity: '0.0'
            });
        $("#go_forward").animate({opacity: '0'});
        $("#go_backward").animate({opacity: '1'});
        });
    });

答え

チャップス、ありがとう。問題が解決しました。どうやらそれはJavaScriptエラーではなかった。

私がしたことは、CSSを使用して2つの画像を正確な寸法で重ね合わせたことです。それらの1つのx値を40pxとhuzzahだけ移動しました!それはすべてうまくいきました。

あなたの助けと提案をありがとう。

関連記事