使用JQuery UI Draggable对象，堆栈和z-index

Question

当点击某些链接时，我有一个弹出可拖动div的网站。一切都很好。

我也在使用堆栈功能来确保拖动div时它们被带到前面。这也很有效。

我遇到的问题是，当点击一个新链接时，如果之前拖动的div仍然打开，则新的div会在它后面打开 - 无论z-index如何。如果尚未拖动前一个div，则会在前面打开新窗口。

有快速解决方法吗？

我用于拖动的JS是：

$(".window").draggable({
  handle: ".window-bar",
  containment: ".desktop",
  scroll: false,
  snap: ".desktop",
  snapMode: "inner",
  stack: ".window"
});

我用来添加新窗口的代码是：

	$("a[data-window]").click(function(){
		const windowToOpen = $(this).data("window")
		$("input#start-menu").prop( "checked", false );
		$("#" + windowToOpen).show();
	})