javascript - 标记/清除复选框时， Bootstrap 复选框标签上的工具提示不会隐藏

Question

这将在悬停在复选框标签上时显示工具提示，不悬停时隐藏。

HTML:

<div style="margin: 2em 0 0 2em">
  <label id="checkbox-label">
  <input type="checkbox">Checkbox</label>
</div>

JS:

$('#checkbox-label').tooltip({
  title: "This tooltip won't disappear when the checkbox is checked.",
  placement: "right"
})

问题是当用户选中或取消选中复选框时，工具提示不会隐藏，直到用户单击屏幕上的其他位置。

当选中/取消选中复选框时，如何使此工具提示消失？

这是重现问题的 JS Fiddle:http://jsfiddle.net/eLax5hdq/5/

Answer 1

我刚遇到同样的问题，但想出了一个不同的解决方案:

$('#checkbox-label').on('show.bs.tooltip change', function (e) {
    $(this).blur();
});