调整大小时浏览器窗口计数器变量值应增加1个值

Question

每当我通过（CTRL + SHFT + M）调整浏览器窗口大小或更改窗口方向时，我都会遇到问题。 counter_变量值增加4或7而不是1.

HTML：

<div id="my_element">
    <span id="text">0</span> window resize.
</div>

脚本：

$(function () {
    var counter_ = 0;
    $(window).on('resize', function () {
        $('#text').text(++counter_);
    });
});

输出应该是：

  

0窗口调整大小。

     

1个窗口调整大小。

     

2窗口调整大小。

     

..

     

...

Answer 1

尝试：

$('#my_element').append('<span class="text">' + (counter_++) + '</span> window resize.');

与此FIDDLE

一样