javascript 4 个按钮，2 个工作

Question

我有 4 个图像标签，其 id 为:

• 图片关闭
• 图片
• 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'});
        });
    });

Answer 1

各位，谢谢。问题解决了。显然这不是 JavaScript 错误。

我所做的是使用 CSS 将两个具有精确尺寸的图像重叠。我将其中一个的 x 值移动了 40 像素，太棒了!一切都很好。

感谢您的帮助和建议。