Javascript，在for循环中动态添加click事件

Question

我想在我的HTML代码中为一些元素添加一个click事件。 这是我写的代码：

var listsArr = ['list_surgeries', 'list_injuries'];
var divsArr = ['divSurgeries', 'divInjuries']

 for(var i=0; i<listsArr.length; i++){
        $('#'+listsArr[i]).bind("click", {i: i},function() {
            var displayProp = $('#'+divsArr[i]).css("display");
            if(displayProp === "none"){
                $("#"+listsArr[i]).css("list-style-image","url('images/minus.gif')");
            }else if(displayProp === "block"){
                $("#"+listsArr[i]).css("list-style-image","url('images/plus.gif')");
            }
            $('#'+divsArr[i]).slideToggle();
        }); 
    }

我可以看到添加到我的ul列表中的减号和加号gif图像，这表明循环中的函数正在运行，但没有添加任何点击事件。

我动态添加事件的方式有问题吗？

感谢。