Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.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 交换行位置时,jQuery可排序表会被压缩_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 交换行位置时,jQuery可排序表会被压缩

Javascript 交换行位置时,jQuery可排序表会被压缩,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我用jqueryui实现了ui可排序表。可以将行拖动到交换位置。所有这些都可以正常工作,但当拖动行时,表中所有剩余的行都会压缩到1/5大小的列重叠 下面是调用表上可排序脚本的代码: $(document).ready(function () { var fixHelper = function (e, ui) { ui.children().each(function () { $(this).width($(this).width()); });

我用jqueryui实现了ui可排序表。可以将行拖动到交换位置。所有这些都可以正常工作,但当拖动行时,表中所有剩余的行都会压缩到1/5大小的列重叠

下面是调用表上可排序脚本的代码:

$(document).ready(function () {
  var fixHelper = function (e, ui) {
      ui.children().each(function () {
          $(this).width($(this).width());
      });
      return ui;
  };

  $("tbody.sortable").sortable({
      helper: fixHelper,
      connectWith: "tbody.sortable",
      containment: "parent",
      dropOnEmpty: true,
      cancel: "tr.sort-disabled",
      receive: function (event, ui) {     
        ui.item.find("input[type='hidden']").val(this.id);
        sortableDummyRowsUpdate();  
      }
  });
});

将拖动的行释放到新位置时,表格将恢复正常。但是,尽管拖拽一切看起来很糟糕,但你的问题标题太笼统了。标题应该是关于主要问题本身。类似于在jQuery sortable中拖动行时表格被挤压的情况。@Karl AndréGagnon注意到了这一点,并对其进行了更改。