javascript - 如何使用 jQuery 创建函数并回调它？

Question

我的点击函数中曾经有很多东西。现在，我尝试重构我的代码，通过创建一个函数并将其回调，这样我就可以在多个地方重复使用它，而无需重复自己。

我现在被困住了，不知道我在这里做错了什么。我的 .js 文件出现 0 个错误和 0 个警告。我使用 JS lint。

这是我现在所拥有的。

function cbInit() {

    ($pbSection, $chSection, $chBtns, $chBtnsRow, $btnTime, $btnRemediation).hide();
    ($cbSection, $cbBtns).show();
    $btnBiDefault.removeClass('btn-bi-default-clicked');
    $btnAssignmentPerformance.addClass('btn-bi-default-clicked');
    $cbImage.attr('src', '/BIM/resources/images/monitorprogress/reports/02-Course Benchmark/Assignment.png');
}

$courseBenchmark.click(function(e) {
    e.preventDefault();

    cbInit();
}

没有隐藏任何内容，没有加载图像。看起来cbInit();根本就没有得到执行。

• 如何追查此类问题？
• 有人能给我一点帮助吗？

Answer 1

将变量列表放在括号中不会自动将方法调用映射到所有变量，它只是调用逗号运算符，该运算符的计算结果为列表中的最后一个变量。您可以使用 jQuery 方法 .add()合并集合。

function cbInit() {

    $pbSection.add($chSection).add($chBtns).add($chBtnsRow).add($btnTime).add( $btnRemediation).hide();
    $cbSection.add($cbBtns).show();
    $btnBiDefault.removeClass('btn-bi-default-clicked');
    $btnAssignmentPerformance.addClass('btn-bi-default-clicked');
    $cbImage.attr('src', '/BIM/resources/images/monitorprogress/reports/02-Course Benchmark/Assignment.png');
}