Javascript 如何预防；“崩溃”；使用JQuery UI Sortable拖放时的表行数？

我使用以下代码使ASP.NET页面上的GridView支持使用拖放进行排序：

<script type="text/javascript">
    $(function () {
        $("#gvJobs").sortable({
            items: 'tr:not(:first)',
            cursor: 'move',
            axis: 'y',
            helper: 'original',
            stack : '#set tr',
            revert : true,
            dropOnEmpty: true,
            receive: function (e, ui) {

            }
        });
    });
</script>

$（函数（）{
$（“#gvJobs”）。可排序({
项目：“tr:非（：第一个）”，
光标：“移动”，
轴：‘y’，
助手：'原始'，
堆栈：'#设置tr'，
回复：对，
真的，
接收：功能（e、ui）{
}
});
});

这已经很好地工作了，但每当表格行处于拖动模式时，它就会被“挤压”：

（在图片上，您可以看到被拖动元素的所有行都已折叠）

---

如何实现行在拖动时不发生更改？

从jQuery UI可排序文档中添加

:true

可以解决此问题。

请尝试

forceHelperSize:true

和

forcePlaceHolderSize:true

。这就是我的诀窍。我还确保我的

句柄

的高度与所拖动元素的所需高度相同。