knockout data-bind =“html:html,里面的html点击事件无效

时间:2015-02-27 22:08:06

标签: javascript jquery html knockout.js

我有这样的HTML:

<div class="row thumbnailrow" data-bind="foreach: data">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 thumbpadding" data-bind="html: HtmlText">

                            </div>
                        <div>
获得ajax电话后

成功:功能(数据){

        $.each(data, function (i, items) {
            debugger;

            self.data.push(items);
        });
    }

所以它会像这样填充html绑定和谷歌浏览器输出:

<div class="row thumbnailrow" data-bind="foreach: MyProfilesData">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 thumbpadding" data-bind="html: HtmlText"><div>
    <div class="pcbtn btnpcedit" data-bind="click: EditProfile" />
                        </div>
                    </div>

所以这里我的click: EditProfile无效,当我点击编辑按钮时,不会触发此事件。

1 个答案:

答案 0 :(得分:5)

html绑定不会处理插入的HTML中的绑定。通常,应用绑定将不安全。但如果这是你真正想做的事情,那么你需要一个像这样的自定义绑定:

ko.bindingHandlers.htmlBound = {
    init: function() {
        return { controlsDescendantBindings: true };
    },
    update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
        ko.utils.setHtml(element, valueAccessor());
        ko.applyBindingsToDescendants(bindingContext, element);
    }
};