jQuery UI Comboboxウィジェットはclick（）イベントで動作しませんか？

Question

入力フィールド（jquery UIコンボボックスウィジェットによって作成された）がイベントが発生しないセレクタの範囲にあるclick（）イベントをどのように書くのでしょうか？

私は、エンドユーザーが正しく記入しなかった場合、cssクラス 'reqFieldGroupEmpty'を使用してフォームフィールドの親<div>をハイライト表示するフォームを持っています。私は開始時に述べたように、私はクリック（）イベントを持って逃し必要なフィールド内のユーザーがクリックは、しかし、そのフォームフィールドの親

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

のそのクラスを削除

、コンボボックスが作成したISN」 click（）をトリガーするため、クラスを削除しません。

私には何が欠けていますか？

ありがとうございました！

Answer 1

ポストはjQueryのフォーラムを通じてJakeCigarによって答え： http://forum.jquery.com/topic/jquery-ui-combobox-widget-not-working-with-click-event#14737000003343231

クリックするだけで、あなたがそれを設定したときに存在する要素を見つけることですアップ。 が.onの繰延形（）を使用してください - jQueryのAPIを

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

JΛ̊KE」私はwizzyを見ていたものを再現することができると思い

Answer 2

ではなく、クリックの焦点（）イベントに結合してみてください...

Answer 3

は、このコードは$(function(){...});内部で正常に動作します。：

$('<button>', {text: 'Go'}).appendTo($('body')).on('click', function() { 
    console.log('clicked'); 
}); 

しかし、ウィジェット内でクリックされたことは決して記録されません。例：

_init: function() { 
    $('<button>', {text: 'Go'}).appendTo(this.element).on('click', function() { 
     console.log('clicked'); 
    }); 
} 

ボタンは追加されますが、クリックイベントは発生していないようです。

http://jsfiddle.net/cawoodm/cww3c/