循環/優化jQuery代碼

Question

$("body") 
    .on("click", "#buttonTwoA", function(){ 
    $(".bordDotGrey").slideUp("slow"); 
    $("#questionOne").append(ans2OptionA); 

    }); 
$("body") 
    .on("click", "#buttonTwoB", function(){ 
    $(".bordDotGrey").slideUp("slow"); 
    $("#questionOne").append(ans2OptionB); 

    }); 

我該如何優化這段代碼片段。整個代碼共享here

Answer 1

不知道你的「優化」的意思，但你可以隨時加入我們的選擇，因爲你正在做的幾乎都同樣的事情：

$("body").on("click", "#buttonTwoA, #buttonTwoB", function(){ 
    $(".bordDotGrey").slideUp("slow"); 
    $("#questionOne").append(window['ans2Option' + this.id.slice(-1)]); 
}); 

你應該找出一個更好的方法來選擇變量，因爲全局變量並不是一個好主意。

編輯：

觸發事件處理程序只有一次：在這個正確

$("body").on("click", "#buttonTwoA, #buttonTwoB", function(){ 
    $(".bordDotGrey").slideUp("slow"); 
    $("#questionOne").append(window['ans2Option' + this.id.slice(-1)]); 
    $("body").off("click", "#buttonTwoA, #buttonTwoB"); 
});