javascript - 如何将参数传递给鼠标滚轮事件？

Question

for (var n = 0; n < 10; n++) {
  $('#content-scroll' + n).mousewheel(function(event, delta) {
    if (delta > 0) sliderUp(n - 1);
    else if (delta < 0) sliderDown(n - 1);
    return false; // prevent default
  });
  n++;
}

我对这段代码有疑问，变量“n”没有传递给鼠标滚轮函数，它只会将鼠标滚轮添加到数字 9(最后一个数字)，而不是所有 10 个元素。任何人都可以解释如何将变量传递给此函数以使其保留吗？

Answer 1

我使用完全 jQuery 解决方案来解决这个问题。

$("[id^='content-scroll']").mousewheel( function(event,delta) {
     var n = this.id.replace(/content-scroll/,'');
     if (delta > 0)
        sliderUp(n);
     else if (delta < 0)
        sliderDown(n);
     event.preventDefault();
});

编辑:实际上，我什至可能会尝试找出一种将实际匹配控件传递给 slider *函数的方法，但不知道它们实际上做了什么，我不知道如何或是否会这样做会工作。