Question

我想用图片禁用我的div，并点击事件未调用的事件。我尝试用KO做的：

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

但这不适用于div。

我可以在没有解除绑定点击事件的情况下完成吗？

Answer 1

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

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 
}

然而，您可以使您的“点击”绑定依赖于此可观察对象，如下所示：

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

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

我made a fiddle所以你可以在一个真实的例子中看到它是如何完成的。

Answer 2

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