jquery - 使用 jQuery-UI Sortable 控制占位符高度

标签 jquery html css jquery-ui jquery-ui-sortable

我正在使用 jQuery-UI 可排序组件来拖动表格行。由于我的要求,我正在创建一个辅助元素来在拖动过程中保存多行。

我似乎有这个工作,但在当前拖动位置插入的空白空间只够一行。谁能看出为什么占位符不如我拖动的内容高?

我尝试在被拖动的父元素中设置 style="height:auto" 但这没有效果。

我已经在 http://jsfiddle.net/jCNcv/ 的 jsFiddle 上发布了我的代码.如果您尝试向下拖动顶部元素,您会看到拖动位置下方的空占位符的高度只够容纳一行。

最佳答案

占位符只是一行的高度,因为每个可排序项只有一行。您可以在开始事件期间将占位符高度设置为辅助元素的高度。

start: function(e, ui ){
     ui.placeholder.height(ui.helper.outerHeight());
},

已更新 jsfiddle http://jsfiddle.net/jCNcv/2/

关于jquery - 使用 jQuery-UI Sortable 控制占位符高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12078289/

相关文章:

javascript - Select2多个框没有响应

javascript - 在基本 JavaScript 和 PHP 教程中无法获取事件中断器来阻止表单提交正常工作

javascript - 如何为按钮着色并保持状态?

css - Bootstrap 文件上传按钮堆叠在默认 html 表单按钮下方

html - 3 列 DIV 之间的间距

javascript - jQuery,使用字符串和变量将元素添加到匹配元素集中

jquery - 无法通过变量在jquery中设置css顶部和左侧值

javascript - 我将如何创建这样的扩展内容?

html - 使用 htaccess 处理 DDos?

jquery - 更改 Span CSS 类 OnClick