javascript - 通过点击事件禁用 div

Question

我想禁用我的 div 与图像和单击事件，该事件不会调用。我尝试用 KO 来做:

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

但这不适用于 div。

我可以在不取消绑定(bind)点击事件的情况下实现吗？

Answer 1

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

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

假设您在 View 模型中单击操作，如下所示:

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

然后，您可以使您的“点击”绑定(bind)依赖于此可观察的，如下所示:

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

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

我made a fiddle这样您就可以在实际示例中看到它是如何完成的。