Функция вызывается, когда загружается страница, а не на событие щелчка

Question

Я пытаюсь вызвать эту функцию через событие click, но по какой-либо причине она вызывается при загрузке страницы. Я полностью озадачен тем, почему моя функция реагирует таким образом.

Вот моя функция

var registerTab = function(panel){ 
    var active = 'off'; 
    if($('#'+panel).css('left') <= '0'){ 
     $('#'+panel).animate({left: '0'}); 
     active = 'on'; 
    } else { 
     $('#'+panel).animate({left: '-380px'}); 
    } 
}; 

$(function() { 
    tabRegister.on('click', registerTab('sidePanel')); 
}); 

Странная вещь, если я называю это, когда я удалить переданную переменную и жесткий код селектор в нем работает отлично, который снова делает не так со мной. Пожалуйста, любая помощь будет очень полезна и избавит меня от некоторых волос.

Answer 1

registerTab('sidePanel') 

Этот вызов вызовет немедленную вызов функции. Я думаю, что вы действительно хотите:

tabRegister.on('click', function() { 
    registerTab('sidePanel') 
});