Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在网格中垂直拖放单元格 |------------------------------|----------------------------------------- |5月10日|清洁厨房| |-----------------|----------------------| |5月17日|清洁生活| ||房间和房间| ||地下室| |-----------------|----------------------| |5月24日|清洁阳台| |-----------------|----------------------|_Javascript_Jquery_Jquery Ui_Drag And Drop_Draggable - Fatal编程技术网

Javascript 在网格中垂直拖放单元格 |------------------------------|----------------------------------------- |5月10日|清洁厨房| |-----------------|----------------------| |5月17日|清洁生活| ||房间和房间| ||地下室| |-----------------|----------------------| |5月24日|清洁阳台| |-----------------|----------------------|

Javascript 在网格中垂直拖放单元格 |------------------------------|----------------------------------------- |5月10日|清洁厨房| |-----------------|----------------------| |5月17日|清洁生活| ||房间和房间| ||地下室| |-----------------|----------------------| |5月24日|清洁阳台| |-----------------|----------------------|,javascript,jquery,jquery-ui,drag-and-drop,draggable,Javascript,Jquery,Jquery Ui,Drag And Drop,Draggable,我有两个专栏 第二列中的项目应可垂直拖动,以相互改变位置(每行/日期不超过一个项目) 第一列中的项目不应垂直改变位置 我应该研究什么样的解决方案才能满足上述要求,并尊重相邻单元格的高度?您可以看到这把小提琴: 使用Jquery sortable和connectWith选项: $(function() { $( ".draggable" ).sortable({ connectWith: ".draggable" }).disableSelection(

我有两个专栏

第二列中的项目应可垂直拖动,以相互改变位置(每行/日期不超过一个项目)

第一列中的项目不应垂直改变位置


我应该研究什么样的解决方案才能满足上述要求,并尊重相邻单元格的高度?

您可以看到这把小提琴:

使用Jquery sortable和connectWith选项:

$(function() {
    $( ".draggable" ).sortable({
          connectWith: ".draggable"
        }).disableSelection();
});

jQueryUI的拖放将是一个很好的开始。