0

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

http://jsfiddle.net/pardahlman/6J7wE/12/

我写了一个处理程序如下：

 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>

但是工具提示没有出现。不知道我哪里出错了。我尝试实现引导工具提示。我在这里得到了示例代码：

http://jsfiddle.net/shail/vSTLU/2/

下面是html代码：

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

下面是JS文件中的代码：

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

不幸的是，上述实现都没有奏效。请建议我哪里出错了。如果还有其他更好的方法可以做到这一点，请提出建议。

提前致谢 ！

4

0 回答 0