jQueryUI diálogo - estilo no genera para los botones

Question

Puedo usar el siguiente código para mostrar un cuadro de diálogo con jQuery UI:

var $dialog = $('<div></div>') 
.text(msg) 
.dialog({ 
    autoOpen: false, 
    height: 140, 
    modal: true, 
    title: "Confirm", 
    buttons: { 
     "Yes": function() { 
      $(this).dialog('close'); 
     }, 
     "Cancel": function() { 
      $(this).dialog('close'); 
     } 
    } 
}); 
$dialog.dialog('open'); 

Sin embargo, los botones no tienen estilos. Me he dado cuenta de que el código HTML generado para los botones son:

<div class="ui-dialog-buttonset"> 
    <button>Yes</button> 
    <button>Cancel</button> 
</div> 

De las demostraciones jQuery UI que es:

<div class="ui-dialog-buttonset"> 
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Ok</span></button> 
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Cancel</span></button> 
</div> 

es decir, los estilos CSS faltan ¿Sabes por qué?

Answer 1

¿Quizás porque faltan los archivos CSS? ¿Los incluyes realmente? A continuación, utilice incendiario o HttpFox para ver si hay un lugar ... 404

Editar: incluyo una CSS jQuery-UI así: <link type="text/css" href="blah/css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />