在函数中传递数组

Question

我创建了一个函数，但后来意识到我必须用两个不同的参数调用它三次，所以我决定创建两个不同的数组并修改函数，以便调用一次。修改后的功能它不起作用，所以我不知道发生了什么。那就是：

function scrll(selector,speed){ 
       for (var i = 0; i < selector.length; i++){ 
        var findIt = '.find("a")'; 
        var selected = selector[i]; 
        selected += findIt; 
        selected.click(function(e) { 
         e.preventDefault(); 
         var section = $(this).attr("href"); 
         $("html, body").animate({ 
          scrollTop: $(section).offset().top - 54 
         },speed[i]); 
        }); 
       }; 
      }; 
var selector = ['$(".navbar")','$(".click")','$("#foot")']; 
      var speed = [2000,1000,2000]; 
      scrll(selector,speed); 

这里是一个的jsfiddle例如：http://jsfiddle.net/theMugician/31fws6kd/16/

Answer 1

你似乎有这样一种印象，你可以将某些字符串组合在一起，结果会是什么，你会通过执行内容已经得到了下的字符串。

JavaScript不起作用。

这就是你如何使用选择器，就像你试图做的那样。

function scrll(selectors, speed) { 
    for (var i = 0; i < selectors.length; i++) { 
     var selected = $(selectors[i]); 
     var link = selected.find("a"); 

     link.click(function(e) { 
      e.preventDefault(); 
      var section = $(this).attr("href"); 
      $("html, body").animate({ 
       scrollTop: $(section).offset().top - 54 
      }, speed[i]); 
     }); 
    } 
} 
var selectors = [".navbar", ".click", "#foot"]; 
var speed = [2000, 1000, 2000]; 
scrll(selectors, speed); 

仍然有错误在这里，因为i是一个封闭可变的，由事件运行的时候，它的值将为3，一切都将被打破。一个简单的方法来解决这个问题是使用forEach()：

function scrll(selectors, speed) { 
    selectors.forEach(function (selector, i) { 
     var selected = $(selector); 
     var link = selected.find("a"); 

     link.click(function(e) { 
      e.preventDefault(); 
      var section = $(this).attr("href"); 
      $("html, body").animate({ 
       scrollTop: $(section).offset().top - 54 
      }, speed[i]); 
     }); 
    }); 
}