我想用图像禁用我的 div 并单击该事件不调用的事件。我试着用 KO 来做:
<div title="Delete Series" class="deleteSeriesButton" data-bind="css: { disabled: true}" ></div>
但这不适用于 div。
我可以在没有取消绑定点击事件的情况下做到这一点吗?
我想用图像禁用我的 div 并单击该事件不调用的事件。我试着用 KO 来做:
<div title="Delete Series" class="deleteSeriesButton" data-bind="css: { disabled: true}" ></div>
但这不适用于 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
}
然后,你可以让你的“点击”绑定依赖于这个 observable,像这样:
<div class="button" data-bind="click: isDeleteEnabled() ? clickAction : null">
如果 isDeleteEnabled observable 返回 true,则该按钮是可点击的,否则不可点击。
我做了一个小提琴,所以你可以在一个真实的例子中看到它是如何完成的。
您可以使用 jQuery blockUI 插件阻止 div。