1

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

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

但这不适用于 div。

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

4

2 回答 2

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,则该按钮是可点击的,否则不可点击。

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

于 2013-06-11T12:32:41.253 回答
0

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

链接到 blockUI

于 2013-06-11T09:03:11.223 回答