0

カスタムバインディングが機能しています。

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

1 に答える 1

1

要素バインディングに「html:true」オプションを追加する必要があります。あなたの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>
于 2013-06-05T00:00:04.880 に答える