Jquery / Javascript仅在CSS更改后运行一次自定义函数

Question

我正在使用Jquery在基于Web的电子表格应用程序中的单元格之间绘制线条。 我用背景图像 ， 背景位置和背景重复的混合来实现这一点。 整个系统运行良好，允许我在应用程序中的不同单元格之间进行映射。

但是，我在使用Jquery / Javascript代码时遇到了一些麻烦。

function draw_line(start_row, start_col, finish_row, finish_col){
    //Change CSS background properties
}

function loadData(){
    for (i = 0; i < values; i++){
        //Add element to spreadsheet - change CSS properties.

        //Draw line between the two cells
        draw_line(start_row, start_column, line, column);
    }
}

loadData();

问题是虽然for循环应该对所涉及的所有元素运行几次，但它实际上只运行一次 。 但是，如果我注释掉draw_line函数，for循环会执行正确的次数，并且所有元素都会放在电子表格中。

我也试过运行setTimeout，但这没有帮助。 以前每个人都经历过这种行为吗？ （仅供参考，我在FF上运行JQuery v1.6.4）

希望有人能提供帮助。 谢谢！

Answer 1

我不知道这是否真的导致你的问题，但它是坏的和有风险的代码所以你应该修复它。 这行代码：

for (i = 0; i < values; i++)

正在使用隐式声明的全局变量作为i 。 如果你正在运行的任何其他代码也正在这样做，那么i的值将被破坏并破坏你的for循环。

将该行更改为此选项以使i成为局部变量，因此没有其他任何内容可以破坏它：

for (var i = 0; i < values; i++)