「Dialog」と「tabs」併用時の挙動

質問

jqueryのUIについてです。

Dialogの表示内容をtabsにした場合
場合によっては
tabsの1番目のタブがマウスオーバーした時の色で
潰れてしまいます

例(1)
Dialogを開く
1番目以外のタブを選択して、Dialogを閉じる

再びDialogを開く
1番目のタブがマウスオーバー色で潰れている

例(2)
selected:2などのように
初期タブを指定して、Dialogを開くと
1番目のタブがマウスオーバー色で潰れている

使用テーマはPepper Grinderです
他のテーマなら普通なのかは調べてないですが・・・

tabsのオプションは下記を試しましたがダメでした。
expires: 0,
cache:false,

行き詰ってしまいました
改修方法を教えてください。

回答No.1

my-- · ベストアンサー

Dialogを開いた時、focusできる最初の要素にfocusが当たるプログラムになっているようです。

$( "#dialog" ).dialog({
open: function () { $('a:first', this).blur(); }
});

これがそのまま通用するかは分からないですが、focus時のスタイルが適用されないよう
openイベントにfocusを外す関数を設定するのが手っ取り早い気がします。

お礼

ありがとうございます！！
ばーっちりできました

感謝感激ですｗｗ