jQuery - how to trigger a function whenever a element enabled?

Question

I am looking to fix my function to work, whenever the element enabled. at present it's not working..

here is my try:

var x = function () {
    input = $('#username');

    if (input.prop('disabled')) {
        console.log('i am enabled'); //  how to trigger this?
    }
}

x();

$('#enable').on('click', function(){
    $('#username').removeAttr('disabled');
})

Live Demo

Note: my App always remove the attribute disabled

On load all elements are disabled. some reason I am clicking on a button, it makes the total form elements are enabled ( removing prop ), on the time i would like to fire a function.. — 3gwebtrain, Jun 16 '14 at 11:41
Your question is not clear to me but anyways if you need to fix ur function, then here you go: http://jsfiddle.net/T6arW/5/ — MaveRick, Jun 16 '14 at 11:52
this should help you check DOM Mutation Events this http://stackoverflow.com/questions/4561845/firing-event-on-dom-attribute-change — rjdmello, Jun 16 '14 at 11:52

score 1 · Accepted Answer · answered Jun 16 '14 at 11:56

1

I have created a fiddle (modified your fiddle) Hope this is the solution you require

fiddle

Code Snippet:

if (typeof attr !== 'undefined' && attr !== false) {
    console.log('i am disabled'); //  how to trigger this?
}

answered Jun 16 '14 at 11:56

V31

7,626
3
26
44

jQuery - how to trigger a function whenever a element enabled?

1 Answers1