Bouton vide dans le dialogue de l'interface utilisateur Jquery

Question

J'essaie de créer une boîte de dialogue contextuelle avec l'interface utilisateur jQuery, mais les boutons générés ne contiennent aucun texte.

$(function(){ 
$("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 300, 
     width: 350, 
     modal: true, 
     resizable: false, 
     buttons: { 
      "OK": function() { 
       alert("test"); 
       $(this).dialog("close"); 
      } 
     } 
    }); 

Le code du bouton généré est la suivante:

<div class="ui-dialog-buttonset"> 
<button type="button" text="OK" 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"/> 
</button> 
</div> 

En outre, le code du gestionnaire de bouton est exécutée lorsque la page se charge, ce qui signifie que je vois la fenêtre « test » quand je charge la page

J'utilise jQuery et jQuery UI chargée par l'API Google

Answer 1

idiot moi! J'utilisais une version plus ancienne de jQuery (1.3.2) qui devrait être entièrement compatible avec jQuery UI, mais je suppose que non. Merci!