在动态插入的表行中使用引导开关

Question

我在已动态插入的表格行<tr>中使用Bootstrap Switch。我插入的表格行html看起来像：

<tr id="reference"><td>name</td><td></td><td><input type="checkbox" name="checkbox1" class="slider" data-size="mini" checked></td><td><a href="#"><i class="fa fa-object-ungroup"></i></a></td><td></td><td><a href="#"><i class="fa fa-trash"></i></a></td></tr>

然后在插入之后，我调用$("#reference input.slider").bootstrapSwitch();，它将简单的复选框转换为可切换的开/关滑块。一切正常。

我遇到的问题是在自举开关上捕获事件。

由于动态添加了行，我尝试了

$("#user-area-table tbody").on('click', 'switchChange.bootstrapSwitch', function(evt) {
  console.log('bootstrap switch change');
)};

但是当发生开/关状态变化时，永远不会达到这种状态。

使用此：

$("#user-area-table tbody").on('switchChange.bootstrapSwitch', function(evt) {
  console.log('bootstrap switch change');
});

我可以开启/关闭事件，但$(this)只是tbody，我需要确定开/关切换到哪一行。