JQuery on（'click'）直接調用函數，而不是在事件監聽器中定義它

Question

$('#homeNavBar').on('click', onSiteLoad()); 

function onSiteLoad() { 
    $('#dataHolder').html(''); 
    userLoginMenu.html(''); 
    var h1 = $('<h1>').text('Welcome'); 
    var span = $('<span>').text('Welcome to our book library'); 
    dataHolder.append(h1).append(span); 
} 

我想直接在change函數中調用onSiteLoad（）函數。

它讓我做到這一點的唯一方法是這樣的：

$('#homeNavBar').on('click', function() { 
    $('#dataHolder').html(''); 
    userLoginMenu.html(''); 
    var h1 = $('<h1>').text('Welcome'); 
    var span = $('<span>').text('Welcome to our book library'); 
    dataHolder.append(h1).append(span); 
}); 

Answer 1

你需要傳遞函數引用，截至目前要調用的功能通過其返回值的事件處理程序

$('#homeNavBar').on('click', onSiteLoad); 
            //^^^^ Parenthesis removed 

Answer 2

你也可以在onClick中調用外部函數。

$('#homeNavBar').on('click', function() { 
    onSiteLoad(); 
});