javascript - 使用点击事件禁用 div

Question

我想用图像禁用我的 div 并单击该事件不调用的事件。我试着用 KO 来做：

<div title="Delete Series" class="deleteSeriesButton" data-bind="css: { disabled: true}" ></div>

但这不适用于 div。

我可以在没有取消绑定点击事件的情况下做到这一点吗？

Answer 1

如果您使用的是 KnockoutJS，那么您有一个视图模型。如果你有一个视图模型，你应该能够添加一个可观察的属性，告诉你“删除系列”按钮是启用还是禁用。

self.isDeleteEnabled = ko.computed(function() {
    // your code that tells whether the button is enabled or not
});

假设您在视图模型中单击操作，如下所示：

self.clickAction = function() { 
    // do what you want to do 
}

然后，你可以让你的“点击”绑定依赖于这个 observable，像这样：

<div class="button" data-bind="click: isDeleteEnabled() ? clickAction : null">

如果 isDeleteEnabled observable 返回 true，则该按钮是可点击的，否则不可点击。

我做了一个小提琴，所以你可以在一个真实的例子中看到它是如何完成的。

Answer 2

您可以使用 jQuery blockUI 插件阻止 div。

链接到 blockUI