jQuery UI Dialog Il contenuto mostrato nella sezione dei pulsanti - jquery, html, css, jquery-ui, jquery-dialog

Ho lavorato con la finestra di dialogo jQuery per un po ', e il problema che sto ricevendo ora è piuttosto strano.

Versione jQuery: 1.7.1 Versione dell'interfaccia utente jQuery: 1.8.18

<!-- Generic Dialog Box -->
<div id="dialog" style="display:none;position:absolute;"></div>

codice jQuery:

$(".class_to_find").each(function(){
//$("#dialog").append($(this).css({position:"absolute"}));
$("#dialog").append("<p>Adding a line.</p>");
});
$("#dialog").dialog({
//autoOpen: true,
show: "explode",
hide: "explode",
modal: true,
title: "Jobs",
buttons: {
Done: function() {
$(this).dialog( "close" );
}
},
close: function(){}
});
$("#dialog").dialog("open");

Quando si apre la finestra di dialogo, viene visualizzato il contenutosotto il punto in cui viene solitamente visualizzato il contenuto. si presenta nel riquadro dei pulsanti. Questo è un problema. Non riesco a capire perché lo stia facendo. Qualcuno sa perché?

Ecco un JSFiddle che espone il problema: http://jsfiddle.net/8Lj8m/1/

Grazie!

risposte:

Rimuovi la proprietà dello stile div della finestra di dialogo position:absolute; e vedi se è quello che ti serve.