jquery 코드 루핑/최적화

Question

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

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

    }); 

이 코드 스 니펫을 어떻게 최적화 할 수 있습니까? 전체 코드는

Answer 1

는 "최적화"가 무슨 뜻인지 확실하지 here을 공유하지만 둘 다 거의 같은 일을하고있는 당신은 항상 선택기에 가입 할 수 있습니다 :

$("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"); 
});