KNOCKOUT.js问题:“H.apply不是一个函数.(在'h.apply(e，r）'中，'

knockout.js issues: "h.apply is not a function. (In 'h.apply(e,r)', 'h.apply' is undefined)"

本文关键字：apply 函数 问题 js KNOCKOUT 一个      更新时间：2023-09-26

所以我试图通过数据绑定在我的viewModel原型上调用一个方法。我将两个不同的元素数据绑定到同一方法，两者都通过"单击"。当我单击第一个按钮（"新建游戏"按钮）时，它会显示我希望它显示的内容。当我单击与数据绑定关联的<td>时，它会抛出错误"类型错误：h.apply 不是一个函数。（在"h.apply（e，r）"中，"h.apply"未定义）。我在这里做错了什么？

我所说的方法是视图模型原型上的消息方法。

JAVASCRIPT

var message = (function(){
  function Message(){
   this.main = ko.observable(true);
   this.welcome = "Welcome to Tic-Tac-Toe! This is a 2 player game. Click New Game to play!"
   this.turn = ", its your turn."
   this.win = ", you won!"
   this.draw = "It's a draw..."
  }
  return Message;
})()
var players = (function(){
  function Players(){
    this.player1 = ko.observable(true);
    this.player2 = ko.observable(false);
  }
  return Players;
})()
var aBox = (function(){
  function ABox(){
    this.symbol = ko.observable(" ")
  }
  return ABox;
})()
var viewModel = (function(){
  function ViewModel(){
    this.GameMessage = new message();
    this.thePlayers = new players();
    this.r1c1 = new aBox();
    this.r1c2 = new aBox();
    this.r1c3 = new aBox();
    this.r2c1 = new aBox();
    this.r2c2 = new aBox();
    this.r2c3 = new aBox();
    this.r3c1 = new aBox();
    this.r3c2 = new aBox();
    this.r3c3 = new aBox();
  }
/**************************************** 
 ************* Messages *****************
 ****************************************/ 
  ViewModel.prototype.StartMessage = function(){
     this.GameMessage.main(false)
  }
  ViewModel.prototype.Messages = function(){
    if(this.GameMessage.main()){
      return this.GameMessage.welcome;
    }
    else if(this.thePlayers.player1()){
      this.thePlayers.player1(false);
      this.thePlayers.player2(true);
      return "Player 1"+this.GameMessage.turn;
    }
    else if(this.thePlayers.player2())
      this.thePlayers.player1(true);
      this.thePlayers.player2(false);
      return "Player 2"+this.GameMessage.turn;
  }



/**************************************** 
 ************* GamePlay *****************
 ****************************************/ 
/**************************************** 
 ************* If needed ****************
 ****************************************/ 



  return ViewModel;
})()
ko.applyBindings(new viewModel())

HTML（Jade Preprocessor）

p#title.col-xs-12.bg-primary.text-center
  | Tic - Tac - Toe!
div.col-xs-3.bg-info
  div.bg-primary.controls
    span
      button.btn.btn-default(data-bind="click:StartMessage.bind($root)")
        | New Game
      p#message.lead(data-bind="text:Messages.bind($root)()")
table.bg-success(style="table-layout:fixed;")
  tr#row1
    td(data-bind="click:Messages.bind($root)()")
    td &nbsp
    td &nbsp
  tr#row2
    td &nbsp 
    td &nbsp
    td &nbsp
  tr#row3
    td &nbsp 
    td &nbsp
    td &nbsp

单击绑定需要函数才能调用。 您似乎正在调用该函数，并绑定到调用该函数的结果。 删除函数调用。

更改此设置：

td(data-bind="click:Messages.bind($root)()")

对此：

td(data-bind="click:Messages.bind($root)")
相关文章：