敲除單擊事件只觸發初始化

Question

我想要一個可點擊的div來切換我的基礎詳細信息視圖的可見性。

<div class="header" data-bind="click: Details(!Details())"> 
... 
</div> 
<div data-bind="visible: Details()"></div> 

詳細信息存儲在我的挖空模型中，它的默認值爲false。當我添加此部分時，函數被調用並且細節變得可見。之後，div可以點擊（懸停時不同的鼠標指針），但淘汰模型中的值不再發生變化。

任何想法爲什麼會發生這種情況？

Answer 1

的點擊綁定將一個函數引用，因此你需要用你的處理器爲匿名函數：

<div class="header" data-bind="click: function() { Details(!Details()) }"> 

在當前的代碼中Details(!Details())被當招標初始化執行和Details(...)的返回值這是未定義的被分配爲處理程序，所以這就是爲什麼它不起作用。

另請參閱click binding documentation：訪問事件對象或傳遞更多參數部分。