div上のjQuery UI表示モーダルダイアログ？

Question

私はページ全体にモーダルダイアログを表示したいと思いますが、DOMの特定のdivには表示されます。これは可能ですか？ docsの例では、ページ全体に対話を表示する方法のみを示しています。

Answer 1

「位置」オプションを確認してください。

$(".selector").dialog({ position: [350,100] }); // places dialog at x:350, y:100 

次に、ターゲットのdivの上に座るようにx、yを並べることができます。

Answer 2

あなたはdiv要素の位置を見つけるために）（jQueryの.offsetを使用して、本部の内部ジョンが言ったことを

フィット行うことができます。事業部を超える

var bg_div = $("#background_div"); 
var pos = bg_div.offset(); 
var margin = 10; 

$(".selector").dialog({ 
    position: [pos.left+margin,pos.top+margin], 
    width: bg_div.outerWidth() - margin*2, 
    height: bg_div.outerHeight() - margin*2 
}); 

センター：

var bg_div = $("#background_div"); 
var pos = bg_div.offset(); 
var x = pos.left + (bg_div.outerWidth()/2); 
var y = pos.top + (bg_div.outerHeight()/2); 

$(".selector").dialog({position: [x,y]}); 

を