Io uso il il seguente codice per mostrare una finestra di dialogo con jQuery UI:jQueryUI Dialog - stile non ha generato per i pulsanti
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');
Tuttavia, i pulsanti non hanno stili. Ho notato che il codice HTML generato per i tasti sono:
<div class="ui-dialog-buttonset">
<button>Yes</button>
<button>Cancel</button>
</div>
Dalle demo jQuery UI che è:
<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>
vale a dire mancano gli stili CSS. Sai perché?
Avere inserito jQuery UI foglio di stile? di solito è qualcosa come jquery.ui.all.css. – subosito
@alifity sì, è lo script Button JS che mi è sfuggito :) – xhh