Отключить div с событием click

Question

Я хочу отключить мой div с изображением и щелчком события, которое событие не вызывает. Я стараюсь сделать это с KO:

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

но это не работает с div.

Могу ли я сделать это без события unbind click?

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 
} 

Thne, вы можете сделать свой «щелчок» связывание зависит от этой наблюдаемой, как это:

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

Если isDeleteEnabled наблюдаемый возвращает true, кнопка может быть нажата, иначе это не так.

I made a fiddle, чтобы вы могли видеть, как это делается в реальном примере.

Answer 2

вы можете заблокировать div, используя плагин jQuery blockUI.

link to blockUI