knockout.js - 为简单的 jQuery 插件创建一个 knockoutJS 自定义绑定

Question

KnockoutJS 开发人员是否需要采取通用方法或至少一组步骤来为简单的 jquery 插件创建绑定。

例如，如果在“通用代码”中像这样触发插件：

$('#tag1').tagsInput({ // my parameters here });

这个插件的最简单的自定义 KO 绑定会是什么样子？

Answer 1

这是一种常见的方式，例如对于 jQuery 按钮：

ko.bindingHandlers.jqButton = {
    init: function(element, valueAccessor) {
        var options = valueAccessor() || {};
        $(element).button(options);
    }
};

<button data-bind="click: greet, jqButton: { icons: { primary: 'ui-icon-gear' } }">Test</button>

阅读本文了解一些最佳实践：http ://www.knockmeout.net/2011/07/another-look-at-custom-bindings-for.html