首页 / JAVASCRIPT / javascript-为什么我们不能在applyBindings()之前调用Uniform()？

javascript-为什么我们不能在applyBindings()之前调用Uniform()？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-为什么我们不能在applyBindings()之前调用Uniform()？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1428字，纯文字阅读大概需要3分钟。

内容图文

当我们在UniformJS中使用Knockout并在ko.applyBindings之前调用.uniform()时,以下代码不起作用？

HTML代码：

<div id="myContainer">
    <div data-bind="foreach: teste">
        <input type="checkbox" value="" /> My checkbox
    </div>
</div>

JavaScript代码：

$("input").uniform();    // Call here... does not work!
function vm() {
    var that = this;

        this.teste = ko.observableArray([
            { id: 1, 'value': '1' },
            { id: 2, 'value': '2' },
            { id: 3, 'value': '3' },
        ]);    
}

ko.applyBindings(vm());
//$("input").uniform();    // Call here... works fine!!!

但是,如果在ko.applyBindings之后调用它,则一切正常.这是为什么？

请参阅this JSFiddle实时发布的问题.

解决方法:

淘汰赛可动态创建输入并将其添加到DOM.统一插件只能在现有元素上使用.如果在applyBindings之前在$(“ input”)上调用.uniform(),则没有输入：页面上唯一的输入是KO生成的三个输入的模板.

我建议您使用custom binding handler来处理此任务：

ko.bindingHandlers.uniform = {
    init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
        $(element).uniform();
    }
};

可以这样使用：

<input type="checkbox" value="" data-bind="uniform" /> My checkbox

您还可以更改绑定以接受更多参数,然后像这样开始调用它：

<input type="checkbox" value="" data-bind="uniform: { wrapperClass: 'myClass' }" />

这是proof of concept,不过您也应该检查this answer,以了解将这样的选项传递到绑定的更可靠的实现.

所有这一切的附加优点是,您可以从视图模型中引导统一的行为,从而使所有内容都更具可测试性.

PS.一种可能适用的替代方法是使用template绑定的afterRender位.

内容总结

以上是互联网集市为您收集整理的javascript-为什么我们不能在applyBindings()之前调用Uniform()？全部内容，希望文章能够帮你解决javascript-为什么我们不能在applyBindings()之前调用Uniform()？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/660170.html

来源：【匿名】