Knockout自定義綁定 - 在引導程序的彈出窗口中顯示圖像？

Question

我有自定義綁定工作，排序：

http://jsfiddle.net/PTSkR/115/

的酥料餅的作品，但內容是鏈接，而不是圖像本身。我怎樣才能讓圖像在popover中顯示？

代碼：

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

Answer 1

您需要添加的 'HTML：真正的' 選項元素結合。請參閱this update of your jsfiddle

<a class="image-content-saved" href="#" data-bind="bootstrapPopover: { content: sideOneTextContent(), html:true }"> 
    <img src="http://www.dailydesigninspiration.com/diverse/adv/publicis/Omax-Wide-Angle-Lenses.jpg" /> 
</a>