ich den folgenden Code verwenden, um einen Dialog mit jQuery UI zeigen:jQueryUI Dialog - Stil nicht für Tasten erzeugt
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');
jedoch die Tasten keine Stile haben. Ich stelle fest, dass der HTML-Code für die Schaltflächen erzeugt werden:
<div class="ui-dialog-buttonset">
<button>Yes</button>
<button>Cancel</button>
</div>
Aus den jQuery UI Demos ist:
<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>
D.h. Die CSS-Stile fehlen. Wissen Sie warum?
Haben Sie jquery ui Sheet eingefügt? es ist normalerweise so etwas wie jquery.ui.all.css. – subosito
@alifity ja, es ist das Button JS-Skript, das ich vermisste :) – xhh