javascript - javascript 4ボタン、2動作

原文 javascript jquery button

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


picture_off
picture_on
go_forward
go_backward


クリックするとpicture_offpicture_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だけ移動しました!それはすべてうまくいきました。

あなたの助けと提案をありがとう。
関連記事

javascript - ExpressおよびCheerio / JSDOM

javascript - ifが機能しない場合のclearInterval

javascript - ReactJS-複数の要素へのsetState

javascript - php:// stdinが余分な文字を読み取る

javascript - (AngularJS)UI-Routerのセットアップ後にインジェクションが機能しない

javascript - AngularJSでタッチ/ドラッグを開始するときにメソッドを呼び出す方法

javascript - 1番目のテキストフィールドのラジオボタンをクリックしている間、2番目のテキストフィールドは非アクティブである必要があります

javascript - 階層グリッドでネストされたKendo UIデータソースのデータをフィルターする方法

javascript - SQLローカルデータベースに値を挿入し、JavaScriptを使用してテーブルデータを印刷する

javascript - Win7でIE11を使用したJavascriptランタイムエラー:未定義またはnull参照のプロパティ 'disabled'を設定できません