Javascript 通过单击事件禁用div

我想用image禁用我的div，然后单击事件不调用的事件。我试着用KO做这件事：

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

但这不适用于div

---

我可以在不取消绑定click事件的情况下执行此操作吗？

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

---

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

---

如果您使用的是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 
}

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

因此，您可以使您的“单击”绑定依赖于此可观察项，如下所示：

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

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

如果isDeleteEnabled observable返回true，则按钮可单击，否则不可单击

---

我希望您能在一个真实的示例中看到它是如何完成的。

如果您使用的是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 
}

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

因此，您可以使您的“单击”绑定依赖于此可观察项，如下所示：

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

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

如果isDeleteEnabled observable返回true，则按钮可单击，否则不可单击

---

我这样你就可以在一个真实的例子中看到它是如何完成的。

把它转到

按钮

，然后你可以将它设置为“禁用”，但我需要div，它有image inside按钮也可以包含图像！在css中，你可以用它做你想做的事情，看：或者甚至这个：把它转到

按钮，然后你可以使它“禁用”，但我需要div，它有图像内部按钮，也可以包含图像！在css中，你可以用它做你想做的事情，看：或者甚至是这样：