通過點擊事件禁用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 
}

然后，您可以使“ click”綁定依賴於此可觀察的對象，如下所示：

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

如果isDeleteEnabled觀察值返回true，則該按鈕是可單擊的，否則不是。

我做了一個小提琴，所以您可以在一個真實的示例中看到它是如何完成的。

Answer 2

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

鏈接到blockUI