0

我有这个 div：

<div id="flaw">
    <img id='flaw1' src='images\flaw1.png'>
    <img id='flaw2' src='images\flaw2.png'>
    <img id='flaw3' src='images\flaw3.png'>
    <img id='flaw4' src='images\flaw4.png'>
    <img id='flaw5' src='images\flaw5.png'>
    <img id='flaw6' src='images\flaw6.png'>
    <img id='flaw7' src='images\flaw7.png'>
    <img id='flaw8' src='images\flaw8.png'>
    <img id='flaw9' src='images\flaw9.png'>
</div>

我正在尝试制作 3 个按钮。每次1个随机按钮应该是好的。其他 2 个坏按钮应该会显示 1 个图像。如果您按错按钮 9 次，所有图像都将可见，您将输掉游戏。

首先我尝试将所有图像放在一个数组中，但我一直失败......

最终我结束了这个；

$(document).ready(function () {

    var buttons = $("#buttons img");
    var flaw = $("#flaw img");


    window.onload = function () {

        flaw.hide();

    };

    buttons.on('click', function () {
        $("#flaw1").show();
    })
});

它现在要做的就是在有人单击按钮时显示第一张图像。并在有人一次又一次点击时显示下一张图片。直到所有 9 个图像都可见。但我可以弄清楚如何在每次点击时循环浏览图像。谁能帮我？

4

1 回答 1

0

你可以做这样的事情

    var flaws = $("#flaw img");
    buttons.on('click', function () {
        flaws.each(function(){
            if ( ($(this).is(":hidden") ){
                $(this).show();
                break;
            }
        });
    })

如需进一步参考，请检查

于 2013-04-19T00:57:11.300 回答