簡化函數jquery

Question

我有這些「功能」在塊中重複的各種元素。 如何簡化使用「var」？

謝謝：）

例如：

$('#test1').waypoint(function (direction) { 
    if (direction === 'down') { 
    $(this).addClass("here"); 
    $(this).prevAll().removeClass("here"); 
    $(this).prev().prev().addClass("here_pre"); 
    $(this).next().next().addClass("here_pre"); 
    }, 
}); 

我想在像這樣的一個解決辦法：

var active_here = $(this).addClass("here"), 
        $(this).prevAll().removeClass("here"), 
        $(this).prev().prev().addClass("here_pre"), 
        $(this).next().next().addClass("here_pre"); 

最後記得是這樣的：

$('#test1').waypoint(function (direction) { 
    if (direction === 'down') { 
    active_here; 
    }, 
}); 

$('#test2').waypoint(function (direction) { 
    if (direction === 'up') { 
    active_here; 
    }, 
}); 

etc... etc... etc... 

Answer 1

JavaScript變量函數（或既可以聲明爲功能正常）：

var active_here = function($elem){ 
    $elem.addClass("here"); 
    $elem.prevAll().removeClass("here"); 
    $elem.prev().prev().addClass("here_pre"); 
    $elem.next().next().addClass("here_pre"); 
} 

呼叫：

$('#test1').waypoint(function (direction) { 
    if (direction === 'down') { 
    active_here($(this)); 
    }, 
}); 

$('#test2').waypoint(function (direction) { 
    if (direction === 'up') { 
    active_here($(this)); 
    }, 
}); 

Answer 2

你爲什麼不創建一個函數，然後在函數內部調用函數？

function active_here(this) { 
     //code here.. 
}