Question

好。我很难搞清楚这一点。我有一个游戏，其中有一个问题和四个图像，回答问题需要点击正确的图像。

代码存在很多问题（我知道）我只是试图将其分解以使一些工作正常。

如何让程序更好地与自己交谈，例如，如果我点击任何图像，我将根据image[2] = true;获得反应。但我似乎无法写一个if语句，说如果点击这个图像然后做一些事情。任何帮助或建议让我超过这个驼峰都会很棒。

<div class="game">

    <div class="round round1">
        <div class="question"> If put in alphabetical order, which image would come third? </div>
        <div class="image image0"  > <img src="images/image1.gif"  /></div>
        <div class="image image1"  ><img src="images/image2.gif"    /> </div>
        <div class=" image image2"  > <img src="images/image3.gif"  /></div>
        <div class="image image3"  > <img src="images/image4.jpg"  /></div>
    </div>
</div>
<script>
    var image = [false, false, false, false];
    var imageName = ["Car Image","Boat Imagege","Scooter Image","Snow Mobile Image"];

    $(".image0").click(function() {
        image[0] = true;    
        $(".question").replaceWith("The " + imageName[0] + " image is incorrect" );
        $('.image0').css({"background-color":"red"});

    });

    $(".image1").click(function() {
        image[1] = true;    
        $(".question").replaceWith("The " + imageName[1] + " image is incorrect" );
        $('.image1').css({"background-color":"red"});
    });


    $(".image2").mouseup(function() {
        image[2] = true;

        $(".question").replaceWith("Correct, the answer is <b>" + imageName[2] + "</b> image" );
        $('.image2').css({"background-color":"#95d456"});

    });

    $(".image3").click(function() {
        image[3] = true;

        $(".question").replaceWith("The " + imageName[3] + " image is incorrect" );
        $('.image3').css({"background-color":"red"});

    });
</script>

Answer 1

单击图像后，您的点击功能已经执行。您可以使“正确”的图像执行您需要的任何代码（以及更新您的阵列）。否则，您可以编写一个for循环来检查image []是否为真值。

Answer 2

“但我似乎无法写一个if语句，如果这个图像是点击然后做点什么。“

您的图片已经有onclick事件，那么问题是什么？

尝试在您的网页上加入jquery / javascript脚本标记，并使用$(function(){ });包围您的脚本。

创建一个图像测验游戏

2 个答案: