淘汰賽JS點擊綁定不工作

Question

我用的knockout js和它不工作的例子。我不知道爲什麼點擊事件不會觸發。

HTML：

<div> 
    You've clicked <span data-bind="text: numberOfClicks"></span> times 
    <button data-bind="click: incrementClickCounter">Click me</button> 
</div> 

的Javascript：

<script type="text/javascript"> 
    var viewModel = { 
    numberOfClicks : ko.observable(0), 
    incrementClickCounter : function() { 
    alert("hi im click"); 
    var previousCount = this.numberOfClicks(); 
    this.numberOfClicks(previousCount + 1); 
    } 
    }; 
</script> 

Answer 1

試試這個代碼 經過link

HTML：

<div> 
    You've clicked <span data-bind="text: numberOfClicks"></span> times 
    <button data-bind="click: incrementClickCounter">Click me</button> 
</div> 

的Javascript：

<script src="~/Scripts/jquery-2.1.1.js"></script> 
<script src="~/Scripts/knockout-3.2.0.js"></script> 
<script type="text/javascript"> 
    var viewModel = { 
    numberOfClicks : ko.observable(0), 
    incrementClickCounter : function() { 
    alert("hi im click"); 
    var previousCount = this.numberOfClicks(); 
    this.numberOfClicks(previousCount + 1); 
    } 
    }; 

ko.applyBindings(new viewModel()); 
</script>