Jquery 使用Knockout.Js的复选框列表项的工具提示

我想使用KO.JS向复选框列表中的每个项目添加工具提示。 我已经在网上浏览了一些示例，并在这里给出的示例的帮助下实现了这些示例：

我已经编写了如下处理程序：

 ko.bindingHandlers.tooltip = {
        init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            var valueUnwrapped = ko.utils.unwrapObservable(valueAccessor());
            $(element).tooltip({
                title: valueUnwrapped
            });
        },
    };

HTML代码：

<ul data-bind="foreach: user">
<li>
<input type="checkbox" data-bind="checkedValue: val, checked: $root.chosenUsers">
<label data-bind="text: name, attr: { 'for': name } , tooltip : name"></label>
</li>
</ul>

不幸的是，上述实现都不起作用。 请告诉我哪里出了问题。 如果有其他更好的方法，请提出建议

---

提前谢谢

你的选择器错了。您必须使用id选择器$contentBox.tooltip；谢谢卡维塔，我已经更正了那行代码。但是，仍然不起作用。你能用你的代码创建新的JSFIDLE并提供链接吗？首先，JSFIDLE在中为我提供了一个弹出窗口，即使看起来很好。嗨，卡维塔，这是小提琴，我已经创建了它

  <label id="contextBox" data-bind="text: name, attr: { 'for': name }" data-toggle="tooltip" data-placement="bottom" data-original-title="Tooltip on top"></label>

  $(document).ready(function () {
       $('contextBox').tooltip();
});