Javascript敲除单击绑定

我有一个javascript敲除按钮，我想在第一次单击后禁用它3秒钟

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

我也尝试了纯JavaScript，但根本不起作用：

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

我试着按照淘汰赛给出的例子来做，但我认为我做得不对：

---

有人能帮我一下吗？我是个新手

请参阅下面的代码片段-

函数AppViewModel{ var _self=这个； _self.disableButton=ko.observefalse； _self.editFile=函数{ _自我禁用按钮； setTimeoutfunction{ _self.disableButtonfalse； }, 3000; }; } //激活knockout.js ko.applyBindingsnew-AppViewModel； 编辑

---

我以前试过，但没用。我收到一条消息说：uncaughterror：您不能对同一个元素多次应用绑定。请运行上面的代码段，这对我很有用。如果您仍然收到此代码的错误，请务必共享错误消息！我知道它适用于代码片段，但我收到一个错误，错误是“Uncaught error:您不能对同一元素多次应用绑定”。我通过更改代码上的几项内容来实现它。通过将self.disableEditButton=ko.observeFalse添加到视图模型，然后在editFile函数下添加以下代码：自我禁用按钮；setTimeoutfunction{self.disableButtonfalse；}，3000；

disableButton = ko.observable("true");

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