我尝试使用jQuery将click事件处理程序添加到一组动态生成的div中，代码如下：

for (var i = 0; i < 10; ++i) {
    var testdiv = document.createElement('div');
    testdiv.innerHTML = 'test' + i;
    testdiv.id = 'test' + i;

    var nestingdiv = document.createElement('div');
    nestingdiv.classList.add('nestingdiv');
    nestingdiv.appendChild(testdiv);

    setTestClickHandler(i);
end

function setTestClickHandler(i) {
    $('#test' + i).click(function() {
        alert(i);
    });

这在正常情况下是完全可行的，但是只要我像这样向.nestingdiv类添加一个float参数：

.nestingdiv { float:left; }

点击处理程序不再触发（在Firefox和Chrome上测试）。有人知道为什么会这样吗？或者我该如何修复它？