оповещение пользователя при нажатии отключенной кнопки

Question

У меня есть список переключателей, которые изначально отключены, и я, если пользователь нажимает или пытается выбрать одну из них, он получает предупреждение о том, что ему необходимо войти в систему, чтобы выбрать параметр.

Как это сделать с помощью jquery?

Answer 1

Видимо, отключенные элементы не запускают события мыши: Событие на отключенном входе

Answer 2

Это может быть полезно: http://blog.pengoworks.com/index.cfm/2010/4/23/Attaching-mouse-events-to-a-disabled-input-element

Я настроил код со страницы, чтобы он был более полезным в этом случае (http://jsfiddle.net/jqzWK/):

var disabled = $('input[type="radio"]:disabled');
disabled.each(function () {
    var self = $(this),
        field = self,
        overlay = $('<div />');
    if (self.parent().is('label')) {
        field = self.parent();
    }
    overlay.css({
        position: 'absolute',
        top: field.position().top,
        left: field.position().left,
        width: field.outerWidth(),
        height: field.outerHeight(),
        zIndex: 10000,
        backgroundColor: '#ffffff',
        opacity: 0
    }).click(function () {
        alert('You must log in.');
    });
    self.parent().append(overlay);
});