jquery：モーダルは常に左下とオーバーレイの後ろにありますが、これをどのように修正できますか？

Question

さて、私はモーダルを開く関数を呼び出すたびに、モーダルは常にオーバーレイの背後にあり、常に左下にあります。私が何を変えても、決して動かない。私は、デフォルトでモーダルが中心に置かれているという仮定の下にいました。ここで

は私のjQueryのです：

$('#container').dialog({ 
         resizable: false, 
         modal: true, 
         position: 'center', 
         open: function(event, ui) { 
          $("#content").load('<%= Url.Action("Action") %>'); 
         }, 
         buttons: { 
          "Close": function() { 
           $(this).dialog("close"); 
          } 
         } 
        }); 

HTML：

<div id="container"> 
     <div id="content"> 
     </div> 
    </div> 

は、どのように私は私のモーダルを中央にすることができます（あるいは、少なくともあと少し下からそれを取る）、そして目の前でそれを持って来ますオーバーレイ？

私はjQuery UI CSSを使用しています。

Answer 1

私は前に似たような状況に会って、一定の幅を割り当てることにより、中央にダイアログをセンターに私ができる：

var $detaildialog = $('#tableplaceholder').dialog({ 
      autoOpen: false, 
      title: 'Food Details', 
      modal: true, 
      // Set fixed width for dialog to position center 
      width: '800', 
      height: 'auto' 
     }); 

を、おそらくあなたはのZIndexを試すか、チェックすることができ、それがオーバーレイの上に表示させるには：

1. ダイアログが宣言されて開きます。特定の操作の後にダイアログを開く場合は、シーケンスが正しいことを確認してください。いつもあなたのダイアログを宣言する必要がある内部それが完全に機能するための機能

2. このダイアログの前に開いているダイアログはありますか？そうならば、それは近いとき、ダイアログを破壊してみてください。

   close: function() { 
         $(this).dialog('destroy'); 
        } 
   

   これは私のダイアログ

のいくつかの誤動作を解決するため、このすべてがそこにあれば:)