淘汰赛 - 按钮点击不起作用

时间:2016-08-01 21:25:14

标签: knockout.js

按钮点击未触发。感谢任何帮助。 这是jsfiddle链接。 https://jsfiddle.net/264aosnk/。 代码是这样的:

<body>
  <div id="topNavConstant" >
      <input placeholder="Enter search criteria" id="searchbox" data-     bind="value:criteria, valueUpdate:'afterkeydown'" type="search" autocomplete='off'/>
      <input type="button" value="Click" data-bind="click:searchresults"/>
  </div>

//脚本

function myModel(){
var self = this;
self.criteria = ko.observable("");

self.searchresults = ko.observable(function (){
    alert('Feature yet to come...'); 
});
}
ko.applyBindings(new myModel());

单击按钮时没有看到警告消息。

1 个答案:

答案 0 :(得分:0)

click中的knockout绑定使用事件handler,这意味着它将调用javascript函数而不是可观察的。https://jsfiddle.net/kyr6w2x3/27/

将您的点击功能更改为此

self.searchresults = function (){
    alert('Feature yet to come...'); 
};