Question

How come when I write a click() event where the input field (created by the jquery ui combobox widget) is in scope of the selector the event never fires?

I have a form that has a validation which highlights the entire parent <div> of that form field using the css class ‘reqFieldGroupEmpty’ when the end-user doesn’t fill it out correctly.

When a user clicks inside the missed required field I have a click() event remove that class of that form field’s parent

$('input, textarea, select').click(function () { $('div').removeClass('reqFieldGroupEmpty') });

However, as I mentioned at the start, the combobox-created isn’t triggering the click(), thus not removing the class.

What am I missing?

Thank you for helping!

Answer 1

Post answered by JakeCigar via jQuery Forum:
http://forum.jquery.com/topic/jquery-ui-combobox-widget-not-working-with-click-event#14737000003343231

click is only finding the elements that exist when you set it up.
Use the deferred form of .on() – jQuery API

$('body').on('click’, 'input, textarea, select' , function () { $('div').removeClass('reqFieldGroupEmpty') });

JΛ̊KE”