最新的knockout和jquery ui对话框出错：初始化之前无法调用

我尝试使用knockout 2.2自定义绑定新jquery 1.9和jquery ui 1.9.2。 代码来自这里： 将jquery ui对话框与knockoutjs集成使用更新的库： http ： //jsfiddle.net/SnPdE/323/

ko.bindingHandlers.dialog = { init: function(element, valueAccessor, allBindingsAccessor) { var options = ko.utils.unwrapObservable(valueAccessor()) || {}; //do in a setTimeout, so the applyBindings doesn't bind twice from element being copied and moved to bottom setTimeout(function() { options.close = function() { allBindingsAccessor().dialogVisible(false); }; $(element).dialog(options); }, 0); //handle disposal (not strictly necessary in this scenario) ko.utils.domNodeDisposal.addDisposeCallback(element, function() { $(element).dialog("destroy"); }); }, update: function(element, valueAccessor, allBindingsAccessor) { var shouldBeOpen = ko.utils.unwrapObservable(allBindingsAccessor().dialogVisible); $(element).dialog(shouldBeOpen ? "open" : "close"); } }; var viewModel = { label: ko.observable('dialog test'), isOpen: ko.observable(false), open: function() { this.isOpen(true); }, close: function() { this.isOpen(false); } }; ko.applyBindings(viewModel); 

问题是错误：错误：在初始化之前无法调用对话框上的方法; 试图调用方法’关闭’

如果我删除setTimeout – applyBindings被应用于对话框两次。

Answer 1

在调用open之前检查对话框是否已初始化将修复它。

 if ($(element).data('dialog')) { $(element).dialog(shouldBeOpen ? "open" : "close"); } 

根本不需要初始update ，因为如果autoOpen为true ，则在初始化期间将打开对话框，这是默认设置。

编辑：
要在dialogVisible最初为false时更正，应进行更改以设置autoOpen选项。

 ... options.autoOpen = ko.utils.unwrapObservable(allBindingsAccessor().dialogVisible); $(element).dialog(options);