Question

我想使用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>

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

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();
});

不幸的是，上述实现都没有奏效。请告诉我哪里出错了。如果还有其他更好的方法，请建议。

提前致谢！

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

0 个答案: