Jquery 将onclick事件绑定到引导开关

我正在构建一个表单，它应该根据用户所做的引导开关选择来隐藏和显示内容。onclick=“documentFilter”事件在正常复选框中工作；但是，在我初始化引导开关的那一刻，代码就不能按预期工作。知道我遗漏了什么吗？谢谢

一些标题
一些隐藏的内容
//初始化引导开关
$（“[name='my-checkbox']”）。bootstrapSwitch（）；
//装载时未检查
$（“.hiddenByDefault”）.hide（）；
//文档过滤功能
函数documentFilter（触发器、目标）{
变量$target=$（目标）；
$（触发器）.更改（函数（）{
$target.toggle（选中此选项）；
});
}

如果您查看的文档，您将看到它有一个

onSwitchChange

属性，您可以为其提供一个函数。此函数在切换开关时执行。这还有一个额外的好处，即不再需要过时且丑陋的

on*

事件属性。请尝试以下操作：

$（“[name='my-checkbox']”）。引导开关({
onSwitchChange：功能（e、状态）{
$（'hideableDiv'）。切换（状态）；
}
})；

.hiddenByDefault{display:none；}

一些标题
一些隐藏的内容