jQuery Dialogのタイトルバーのスタイルを変更しました。

Question

2つのjQueryダイアログを使用して、フォーカスを取得または紛失したときにタイトルバーの色を変更する機能を備えた単純なページを作成しようとしています。言い換えれば、フォーカスされたウインドウは、異なるタイトルバーの色を持ちます。 私はこのコードを持っている：

$(function() { 
    $(".window").dialog({ 
    focus: function (event, ui) { 
     $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error"); 
    } 
}); 

をしかし、私はそれを取得またはlostsが集中しているかどうかフォーカスイベントで検出する方法がわかりません。

Answer 1

は、私は同じことを必要とし、このソリューションが動作します。この

http://jsfiddle.net/JqQA6/

を試してみてfocusin()とfocusout()

Answer 2

を試してみてください。

Answer 3

ダイアログfocusイベントはフォーカス取得時にのみ呼び出されます。 Stock jQueryのUIダイアログボックスには、フォーカスを失うという概念はありません。

簡単な解決策は、単にfocusハンドラでからすべてのダイアログをあなたのui-state-errorクラスを削除してから、ちょうど焦点を受けています1に、それを追加することです。

私は実際にダイアログボックスに.blurイベントを追加するフル機能のjQuery UIプラグインを作成し、一番上のボックスが閉じられるたびに積み重ねられたボックスの並べ替えを処理します。私はそれを公開することが許可されているかどうかを確認します。