有沒有一種方法可以創建一個函數，可以是一個單擊事件或一個onload事件，具體取決於正文的類別？

Question

基本上標題說明了這個問題，但情況是這樣的（很難用jsbin或其他任何東西複製，所以我會試着解決而不這樣做）。

我有一個被點擊的按鈕被調用的函數。點擊事件會告訴輸出將使用什麼字體。但是，在某些頁面上，我希望字體由body元素的類聲明，而不是單擊按鈕。

我遇到了兩個問題。

1. 當我嘗試傳遞參數並接收參數時，該參數是一個事件，而不是我想傳遞的任何內容。
2. 如果我將第一個參數作爲第一個參數傳遞給我的字體，並且我想將其作爲第二個參數的字體，那麼我的字體變量就會變成undefined，而且該函數不起作用。

任何幫助使功能靈活的這種方式將幫助我很多。

編輯：這是什麼，我已經得到了

function fontSelection(font) { 

var self = $(this), 
    inputOne = $('li:eq(0) input').val(), 
    inputTwo = $('li:eq(1) input').val(), 
    inputThree = $('li:eq(2) input').val(), 
    resultOne = $('div:eq(0)'), 
    resultTwo = $('div:eq(1)'), 
    resultThree = $('div:eq(2)'); 
    font = font || $('div.font').attr('title').toLowerCase(); 

resultOne.removeClass().addClass(inputOne + ' someclass ' + font); 
resultTwo.removeClass().addClass(inputTwo + ' someclass ' + font); 
resultThree.removeClass().addClass(inputThree + ' someclass ' + font); 

} 

Answer 1

而不是直接將您的函數傳遞給事件註冊，您傳遞一個匿名函數，然後調用您的函數與所需的參數。

所以，與其這樣：

$("#myButton").click(callMyFunction); 

您可以使用此，它允許你指定你想要的確切參數：

$("#myButton").click(function(e) { 
    callMyFunction(myParam1, myParam2); 
}); 

如果你想保留的this值在功能，那麼你需要使用這樣的.call()明確地在你的函數中設置它：

$("#myButton").click(function(e) { 
    fontSelection.call(this, myParam1, myParam2); 
}); 

或者，只是把它作爲一個參數，並在你的函數，而不是this使用參數：

$("#myButton").click(function(e) { 
    fontSelection(this, myParam1, myParam2); 
}); 

Answer 2

簡化版本試試這個關於大小：要使用的，如果有一個參數，設置字體的功能。如果參數未設置，則讀取字體的主體標籤。

Answer 3

$(function() { 
    if ($('body').hasClass('your class for onload change')) { 
     // change font 
    } else { 
     $('button').click(your_function); 
    } 
}); 

編輯：

如果你想在你的函數使用this，並希望它在第一種情況下引用身體，在第二種情況下引用另一種dom元素，可以使用call或apply

$(function() { 
    if ($('body').hasClass('your class for onload change')) { 
     fontSelection.apply($('body').get(0), [font]); 
    } else { 
     $('button').click(function() { 
      fontSelection.apply(this, [font]); 
     }); 
    } 
});