В хроме и эксплорере диалоговые окна создаются с position: relative, в то время как в фаерфоксе position: absolute.
Из-за этого закрытие одного диалогового окна приводит к смещению ранее открытых.
<script type="text/javascript">
$(function(){
$("#dialog").dialog({
modal: true, stack: true, autoOpen: true, closeOnEscape : false,
close: function(event, ui) {
if ( event.originalEvent && $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {
$("body").append("do some stuff<br>");
}
}
}).find("button").click(function() {
$("body").append("just close dialog<br>");
$(this).closest(".ui-dialog-content").dialog("close");
});
$("#dialog2").dialog({
modal: true, stack: true, autoOpen: true, closeOnEscape : false,
close: function(event, ui) {
if ( event.originalEvent && $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {
$("body").append("do some stuff2<br>");
}
}
}).find("button").click(function() {
$("body").append("just close dialog2<br>");
$(this).closest(".ui-dialog-content").dialog("close");
});
});
</script>
</head>
<body>
<div id="dialog">
<button>button in dialog</button>
</div>
<div id="dialog2">
<button>button in dialog2</button>
</div>
</body>
</html>
Не могу разобраться как исправить проблему
Version:
jQuery JavaScript Library v1.6.4
jQuery UI 1.9pre