Javascript KnockoutJS自定义数据绑定以添加移动样式

在昨天的大量帮助之后，我以demo cart为例，将其应用于我的应用程序a搜索B&B房间

其思想是，您从1个房间类型中选择—然后填充2个居住者—当您从2个居住者中选择时，它填充3个需要的房间

问题是，一旦选择了居住人数，我就无法将手机样式添加到新添加的下拉列表中：

这里有一把小提琴：

在@Dan的帮助下，他通过添加jqmOptions:sampleProductCategories:

我需要添加什么才能获得“所需人数”下拉列表或“居住者”下拉列表，才能在选择“居住者”时向“所需人数”添加样式

谢谢,

---

标记

将初始jQuery mobile select移动到init方法，也使用applybindingstoode，而不是手动调用选项绑定上的update

ko.bindingHandlers.jqmOptions = {
    init: function(element, valueAccessor, allBindingsAccessor, context) {
        ko.applyBindingsToNode(element, { options: valueAccessor() }, context);
        $(element).selectmenu();
    },    
    update: function (element, valueAccessor, allBindingsAccessor, context) {
        $(element).selectmenu("refresh", true);
    }
};

---

您好@Anders-谢谢-我已经更新了小提琴，但它现在显示了在选择乘员之前需要的号码-并且它还将乘员和所需号码的初始下拉列表更改为[Object:Object]-谢谢，Mark

ko.bindingHandlers.jqmOptions = {
    init: function(element, valueAccessor, allBindingsAccessor, context) {
        ko.applyBindingsToNode(element, { options: valueAccessor() }, context);
        $(element).selectmenu();
    },    
    update: function (element, valueAccessor, allBindingsAccessor, context) {
        $(element).selectmenu("refresh", true);
    }
};