2

私はjqueryトグルスイッチをノックアウトオブザーバブルにバインドする必要があります。私のものは機能していないので、正しいアプローチで私を助けてください

私のhtmlファイルは次のようになります：

HTML:

<select name="toggleswitch1" id="toggleswitch1" data-theme="b" data-role="slider" data-bind="option:activateNotification">
    <option value="false">No</option>
    <option value="true">Yes</option>

ビューモデルは次のとおりです。

Javascript:

function selectVM(){
    self = this;
    self.activateNotification = ko.observable(true);
}
4

2 に答える 2

1

あなたが何をしようとしているのか100％確信が持てませんが、選択したオプションをバインドしようとしている場合は、使用する必要がありますvalue: activateNotification

于 2013-07-17T13:11:11.847 に答える
1

これが機能する小さなフィドルです： http://jsfiddle.net/9X5j8/

HTML :

<select name="toggleswitch1" id="toggleswitch1" 
data-theme="b" data-role="slider" 
data-bind="value:activateNotification">
<option value="false">
     No
</option>
<option value="true">
  Yes
</option>
</select>

    <span data-bind="text :activateNotification"></span>

JS:

function selectVM(){
   self = this;
   self.activateNotification = ko.observable(true);
}

var vm = new selectVM();
ko.applyBindings(vm);

選択の最初のオプションとして、オブザーバブルに同じデフォルト値を与えることができます。

于 2013-07-17T13:15:44.380 に答える