jQuery diálogo ('abierto') que no trabaja

Question

Este es un ejemplo http://jsfiddle.net/mUpjw/15/

tuve jQuery 1.2 en algún código viejo y se estaba abriendo de diálogo de esta manera.

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

Actualicé a jquery 1.6.1 y funcionaba bien. Pero si añado un DOCTYPE de lo que no funciona, pero si lo hago

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

que funciona bien.

¿Cuál puede ser la razón para esto?

Answer 1

Debe configurar su cuadro de diálogo.

<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

Esta es una opción para ser utilizado después de haber inicializado el cuadro de diálogo ..

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

demo en http://jsfiddle.net/gaby/mUpjw/16/

La diferencia está entre los jQuery UI versiones y no la biblioteca jQuery