2012-01-27 12 views
0

私はクライアント向けに構築したWebサイトにいくつかのダイアログボックスを用意しています。 同時に2つのダイアログが開いていると、最終的に物事が乱れる。ダイアログが最初に表示されるように見えているようです。しかし、ユーザーがダイアログ(上にあるもの)を閉じてもう一度開くと、うんざりしてしまいます。私は基本的にやっていることは、以下であるjQuery UIダイアログがメッセージを受信しました

(画像を確認してください):

私は開いて、ダイアログを閉じる方法の流れは、基本的だ
$(document).ready(function() { 
    $("#someDiv").dialog({ 
     //options 
    }); 

    $("#someButton").click(function() { 
     $("#someDiv").dialog('open'); 
    }); 

    $("#closeButton").click(function() { 
     $("#someDiv").dialog('close'); 
    }); 
}); 

。私は間違って何かしていますか?

ユーザーが初めてのダイアログを開きます。http://i43.tinypic.com/2dt9fk7.png

ユーザーが再びダイアログを開きます。http://i40.tinypic.com/v6sqq9.png

+1

いいえ、そのコードに間違いはありません。おそらくCSSの問題です。 – cambraca

+0

@cambraca:しかし、それはなぜ最初に動作し、2度目に台無しになるのですか?これは私にとって意味をなさない.../ – Kassem

+0

多分リンクを投稿しますか?.. – cambraca

答えて

1

私は主にcambracaに同意します。しかし、これはCSSのポイントに追加する別の考えです:

ダイアログが閉じられると、jQuery UIはそれをDOMツリーの元の場所に戻さないようです。 </body>終了タグの直前に移動したようです。したがって一貫性を保つためにマークアップを変更してマークアップを開始し、CSSスタイル継承の問題を回避します。

関連する問題