Ich arbeite seit einiger Zeit mit jQuery dialog und das Problem, das ich jetzt bekomme, ist irgendwie seltsam.
jQuery-Version: 1.7.1 jQuery UI-Version: 1.8.18
<!-- Generic Dialog Box -->
<div id="dialog" style="display:none;position:absolute;"></div>
jQuery-Code:
$(".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");
Wenn das Dialogfeld geöffnet wird, wird der Inhalt angezeigtdarunter, wo der Inhalt normalerweise angezeigt wird. Es wird im Schaltflächenbereich angezeigt. Das ist ein Problem. Ich kann nicht herausfinden, warum das so ist. Weiß jemand, warum?
Hier ist eine JSFiddle, die das Problem aufdeckt: http://jsfiddle.net/8Lj8m/1/
Vielen Dank!
Antworten:
3 für die Antwort № 1Entfernen Sie die div-Eigenschaft des Dialogs position:absolute; und sehen, ob es das ist, was Sie brauchen.