Javascript knockout點擊綁定

Question

我有一個javascript knockout按鈕，我想在第一次點擊後禁用3秒。

<button type="button" class="btn btn-default btn-xs" data-bind="click: editFile"> 
    Edit 
</button> 

我已經嘗試過的JavaScript

<button type="button" class="btn btn-default btn-xs" data-bind="click: editFile, disable:disableButton"> 
    Edit 
</button> 

然後我做了這一點。完全禁用按鈕。

disableButton = ko.observable("true"); 

我也嘗試過純JavaScript，但沒有在所有的工作：

$(function() { 
    $(".btn-default").click(function() { 
     $(".btn-default").attr("disabled", "disabled"); 
     setTimeout(function() { 
      $(".btn-default").removeAttr("disabled");  
     }, 3000); 
    }); 
}); 

我嘗試以下，是由基因敲除給出的例子，但我不認爲我正確地做：

Knockout example

能有人幫我新的基因敲除和JavaScript？

Answer 1

請參考下代碼片段 -

function AppViewModel() { 
 
    var _self = this; 
 
    _self.disableButton = ko.observable(false); 
 
    _self.editFile = function(){ 
 
    \t _self.disableButton(true); 
 
     setTimeout(function() { 
 
      _self.disableButton(false); 
 
     }, 3000); 
 
    }; 
 
} 
 

 
// Activates knockout.js 
 
ko.applyBindings(new AppViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script> 
 
<button type="button" class="btn btn-default btn-xs" data-bind="click: editFile, disable:disableButton"> 
 
    Edit 
 
</button>

你只需要更新觀察到的真或假的啓用/禁用的編輯按鈕。

希望這會有所幫助！