Jquery 在Chrome上的模式对话框中，ui Dragable无法正常工作

我有一个需要可拖动的模态级联，所以我使用引导模态和jQuery UI可拖动来实现它

然而，我使用的代码在InternetExplorer和Firefox上运行得很好，但是在Chrome中，当您尝试拖动它时，内部模式会出现故障

进一步的调试使我将该错误与以下事实联系起来：

模态对话框

使用了

位置：fixed

，而jQuery UI Dragable使用了

顶部/左侧

的正值，从而错误地更改了内部模态的位置

但是，jQueryUIDraggable生成的top/left值对于所有浏览器都是相同的，只是Chrome将其定位错误

守则：

$（'Cad#u Expen'）。可拖动(
{ 
句柄：'#Expen>.mod header'，
遏制：“窗口”
});
$（'#Cad_Point'）。可拖动(
{
句柄：'#点>.mod头'，
遏制：“窗口”
});
#Cad费用{
宽度：800px；
高度：500px；
左：计算（50%-400px）；
顶部：calc（50%-250px）；
}
#卡杜点{
宽度：600px；
高度：300px；
左：计算（50%-300px）；
顶部：calc（50%-150px）；
}
.模态对话框{
宽度：100%；
身高：100%；
保证金：0；
}
.莫代尔{
溢出：可见！重要；
}
/*无关CSS*/
.mod头{
高度：30px；
背景色：#dbdb；
}
.mod expen body、.mod point body{
背景色：#F7F7F7；
边框：1px实心#dbdb；
}
.mod expen body{
高度：500px；
}
.mod点体{
高度：300px；
}
我发现了问题，是引导
.modal.in.modal对话框的
转换引起了故障

要解决此问题，只需将其放在站点的css文件中：

.modal.in .modal-dialog {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}