Добавление функции jquery click к отключенной кнопке?

Question

Как это сделать?

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

HTML:

<button id="AssignRolesButton" disabled="disabled">Assign Roles</button> 

JS:

$(function() {  
    $('#AssignRolesButton').button(); 

    //doesnt work 
    $('#AssignRolesButton').button().click(function (e) { e.preventDefault(); alert('yoyo'); }); 

    $('#ApplicationsDropdownList').change(function() { 
     //enables the button 
     $('#AssignRolesButton').removeAttr('disabled').removeClass('ui-state-disabled'); 
     //doesnt work 
     $('#AssignRolesButton').button().click(function (e) { e.preventDefault(); alert('yoyo'); }); 
     // also doesnt work 
     $('#AssignRolesButton').click(function (e) { e.preventDefault(); alert('yoyo'); }); 
    });  
}); 

Итак, подведем итог, мне нужно кнопку, чтобы иметь Jquery щ стиль в то время как инвалиды и зарегистрировать функцию щелчка, когда его включен.

Answer 1

//enables the button 
$('#AssignRolesButton').removeAttr('disabled').removeClass('ui-state-disabled'); 

No. Вам нужно будет использовать enable method of your Button-widget (Demo). В противном случае кнопка jQuery-UI по-прежнему отключена (даже если она не выглядит так), и jQueryUI перехватывает событие click, останавливая его распространение, чтобы ваши обработчики не вызывались. Вы можете видеть это поведение явно here - обработчики, прикрепленные до перехватчика jQueryUI, все еще вызываются.

e.preventDefault; 

Как и другие упоминали, это метод и должен называться: e.preventDefault();.

Answer 2

Затем просто привяжите событие click, когда вы выбрали что-то в раскрывающемся меню. В противном случае оставьте его без касания.

Answer 3

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

DEMO

$(function() { 
    var $assignBtn = $('#AssignRolesButton'); 
    $('<div id="btn_overlay"/>').css({ 
     position: 'absolute', 
     top: $assignBtn.offset().top, 
     left: $assignBtn.offset().left, 
     width: $assignBtn.outerWidth(), 
     height: $assignBtn.outerHeight(), 
     'z-index': 1000, 
    }).click(function() { 
     $assignBtn.triggerHandler('click'); 
    }).appendTo('body'); 

    $('#ApplicationsDropdownList').change(function() { 
     $('#btn_overlay').remove(); 
     $assignBtn.prop('disabled', false); 
     //... 
    }); 
    $assignBtn.click(function (e) { 
     e.preventDefault(); 
     alert('yoyo from btn handler'); 
    }); 
});