调整大小时Jquery重复点击

Question

Jsfiddle

当我调整窗口大小时，蓝色块正在改变其大小。 如果我点击蓝色块，我会添加符号*。 但是，如果我点击蓝色块，调整窗口大小，再次点击调整大小的块，而不是一个*，将添加很多符号*。

问题是什么？我调整窗口大小后，我需要添加一个符号*。

function c_click() {
    $('.blue-block').click(function(){
        $('.blue-block').append('<div>*</div>')
    });
}


$(window).ready(function(){
    c_click();
})

$(window).resize(function(){
    c_click();
})

Answer 1

jQuery允许将多个事件处理程序附加到一个元素。在这种情况下，每次引发resize()时，您都会注册一个click处理程序，从而产生多个'*'