カスタムバインディングが機能しています。
http://jsfiddle.net/PTSkR/115/
ポップオーバーは機能しますが、コンテンツはリンクであり、画像自体ではありません。ポップオーバーに画像を表示するにはどうすればよいですか?
コード:
ko.bindingHandlers.bootstrapPopover = {
init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
var options = valueAccessor();
var defaultOptions = {trigger: 'hover'};
options = $.extend(true, {}, defaultOptions, options);
$(element).popover(options);
}
};
var viewModel = {
sideOneTextContent: ko.observable('<img src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" />')
}
ko.applyBindings(viewModel);