循环/优化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");
});