jQueryのダイアログここで

Question

を働いていません（「オープン」）は、サンプルhttp://jsfiddle.net/mUpjw/15/

私はいくつかの古いコードではjQueryの1.2を持っていたし、それがこのようダイアログを開いたです。

$('#myDiv').dialog('open'); 

jquery 1.6.1にアップグレードして正常に動作していました。しかし、もし私がDOCTYPEを追加しても、それはうまくいくわけではありません。

$('#myDiv').dialog(); 

それはうまくいきます。

これにはどのような理由がありますか？

Answer 1

ダイアログボックスをセットアップする必要があります。

<div id="dialog_link">click here</div> 
<div id="mydiv" style="display:none;">This is some document here.Will be shown as used 'open'</div> 
<div id="mydiv2" style="display:none;">This is some document here</div> 

$(document).ready(function(){ 

$('#mydiv').dialog({ 
    autoOpen: false, 
    width: 600, 
    buttons: { 
     "Ok": function() { 
      $(this).dialog("close"); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

$('#dialog_link').click(function() { 
    $('#mydiv').dialog('open'); 
    return false; 
}); 

Answer 2

これは差がjQueryのUIバージョンとないの間にあるhttp://jsfiddle.net/gaby/mUpjw/16/

でダイアログを初期化した後を使用するためのオプション..

$('#mydiv').dialog({autoOpen: false}); 
// now you can call it with 'open' to actually show it.. 
$('#myDiv').dialog('open'); 

デモですjQueryライブラリ