#10916 closed bug (notabug)
jquery dialog position attribute not working. But It works in previouse versions.
| Reported by: | vergules | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.dialog | Version: | 1.11.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title></title>
<script type="text/javascript" src="code.jquery.com/jquery-1.11.2.min.js"></script> <link type="text/css" rel="stylesheet" href="code.jquery.com/ui/1.10.4/themes/start/jquery-ui.css" /> <script type="text/javascript" src="code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
</head> <body>
<form id="form1" action="TestDlg.htm">
<button id="btnShowDlg" onclick="showDialog()" type="button">Open</button>
</form> <div id="dlgTest" style="display:none" title="Test">
Position attribute not working.
</div>
</body> <script type="text/javascript">
function showDialog() {
var dlg = $('#dlgTest'); dlg.dialog({
modal: false, height: 200, width: 400, open: function(event, ui) {
setPosition(dlg); dlg.dialog("option", "appendTo", "#form1");
}
}); dlg.dialog("open"); return false;
} function setPosition(dlg) {
var thePosition = {
my: "left top", at: "left+100 top+30", collision: "fit fit"
} dlg.dialog({ position: thePosition });
}
</script> </html>
Change History (2)
comment:1 Changed 8 years ago by
| Resolution: | → notabug |
|---|---|
| Status: | new → closed |
comment:2 Changed 8 years ago by
Actually, I see your real problem. You're only providing partial information. If you don't specify the of, then it has no idea how to position, so it does nothing.
You're mixing versions. You cannot use a 1.10.4 CSS theme with the 1.11.2 JS. If you continue having problems, please provide a reduced test case using jsbin or jsFiddle (as requested in the red box, so we can actually see it without having to copy paste a bunch of code).