您可以创建自定义dataBinding以使该元素弹出。查看此jsfiddle演示
ko.bindingHandlers.bootstrapPopover = { init: function(element, valueAccessor, allBindingsAccessor, viewModel) { var options = ko.utils.unwrapObservable(valueAccessor()); var defaultOptions = {}; options = $.extend(true, {}, defaultOptions, options); $(element).popover(options); }};var viewModel = { items: ko.observableArray([{ "id": 1, "title": "title-1", "info": "info-1"}, { "id": 2, "title": "title-2", "info": "info-2"}, { "id": 3, "title": "title-3", "info": "info-3"}])}ko.applyBindings(viewModel);和html
<div > <div > <table data-bind="foreach: items"> <tr> <td><b data-bind="text: $data.id"></b></td> <td data-bind="text: $data.title"></td> <td><a href="#" data-bind="bootstrapPopover : {content : $data.info }">Info</a></td> </tr> </table> </div></div>
