javascript - Jquery递减点击

Question

我似乎无法弄清楚为什么这行不通，如果您检查下面的链接，然后添加 3 位客人，然后删除一位，计数器就会变心。

http://www.waterfrontexeter.co.uk/preordernew/

    var count = 1;
    $(".removeOrder").on('click', function(){

                count--;
                $("#counter").html("Total Number of Guest: " + count);
                $("input[id=totalguest]").val("Total Number of Guest: " + count);

        });

到目前为止，这是我的代码，我认为一切正常吗？我尝试了相反的方法，结果很好。

Answer 1

我认为，问题在于您网站上的 js 代码结构不正确。为了避免这种错误，我建议您以更灵活的方式进行:

...
count = $(".duplicate").length; 
...

或者，更好的是，您可以直接编写字符串而不将计数器存储在变量中:

var strCount = '';
...
strCount = "Total Number of Guest: " + $(".duplicate").length;
$("#counter").html(strCount);
$("input[id=totalguest]").val(strCount);