javascript - jQuery 提交表单 IF

Question

嘿伙计们，我有一个很棒的脚本，堆栈溢出上的人帮助我解决了这个问题，除了我需要的一个主要功能丢失了。

这是一个游戏，用户选择一个数字(通过在文本字段中输入该数字)然后点击播放按钮。当他们点击播放按钮后，会出现一系列数字，然后他们必须单击与其数字相匹配的数字。

我正在使用的查询脚本会计算他们击中该数字的次数以及错过该数字的次数。在这里查看正在运行的脚本。 link text

现在我需要它做的是，在 3 次未命中后将分数(命中和未命中)发送到数据库，这样我就可以保持高分。有任何想法吗？这是脚本。

var hitCount = 0,
missCount = 0;

function IsNumeric(n) {
return !isNaN(n);
}

$("#getit").click(function() {
var li = [],
    intervals = 0,
    n = parseInt($('#MyNumber').val());

if (IsNumeric(n)) {
    setInterval(function() {
        li[intervals++ % li.length].text(Math.random() > .1 ? Math.floor(Math.random()        * (10 + n) + (n / 2)) : n).attr('class', '');
    }, <?php echo $time ?>);
}

$('#randomnumber').empty();

for (var i = 0; i < 5; i++) {
    li.push($('<li />').click(function() {
        var $this = $(this);

        if (!$this.hasClass('clicked')) {
            if (parseInt($this.text(), 10) === n) {
                $this.addClass('correct');
                $('#hitcount').text(++hitCount);
            } else {
                $this.addClass('wrong');
                $('#misscount').text(++missCount);
            }
        }

        $this.addClass('clicked');
    }).appendTo('#randomnumber'));
}

return false;
});

Answer 1

我已经更新了您的问题here .

更新状态后检查missCount是否大于或等于3然后停止播放(清除间隔并解除事件绑定(bind))，然后使用ajax请求保存该值。

我已将事件处理更改为使用 event delegation而不是 <li> 上的直接点击事件元素。当我们必须将特定事件绑定(bind)到很多元素时，事件委托(delegate)会更好。