JavaScript 传递参数问题

Question

我有以下代码

for (var i = 0; i < that.$el.mini.length; i++) {
            var pag = that.$el.mini[i].pagination;
            // Mini-Slider Pagination
            $('li', pag).each( function(j, el) {
                $(el).click( function() {
                    /*
                     * Toggle Mini-Slide
                     */
                    that.slider_fn.mini.show(i, j);
                    return false;
                });
            });
        }

所以，基本上，我想做的是在单击元素时运行此函数 that.slider_fn.mini.show(i, j);。

问题是我想使用变量i，它会在循环中改变它的值。单击该元素时，i 的值为最新数字，即 that.$el.mini.length。

我怎样才能让 JavaScript(或函数)记住那个特定的数字？

Answer 1

使用闭包来关闭 i 的值:

$(el).click( (function(i_){
  return function() {
     that.slider_fn.mini.show(i_, j);
     return false;
  };
})(i));

之前，您的函数引用名为 i 的变量，现在在每次迭代中您创建一个引用 i_ 的新函数，并且该变量对于每个函数都是唯一的，并且创建函数时引用 i 的值。