首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jquery可排序占位符高度问题

jquery可排序占位符高度问题
EN

Stack Overflow用户
提问于 2011-05-26 22:57:12
回答 5查看 51.1K关注 0票数 97

由于某些原因,我的可排序项的占位符大约是10px。我所有可排序的项目都有不同的高度。如何更改每个占位符的高度以匹配正在移动的项目?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-06-07 14:35:44

我通常通过绑定一个回调来解决这个问题,该回调将占位符的高度设置为排序到start事件的项的高度。这是一个简单的解决方案,可以让您对占位符的显示方式进行细粒度的控制。

代码语言:javascript
复制
$( ".column" ).sortable({
    connectWith: ".column",
    start: function(e, ui){
        ui.placeholder.height(ui.item.height());
    }
});

请参阅updated test case

票数 258
EN

Stack Overflow用户

发布于 2011-05-27 01:08:13

您是否尝试过设置forcePlaceholderSize:true属性?请阅读jQuery UI可排序documentation page

票数 16
EN

Stack Overflow用户

发布于 2015-02-23 16:31:03

当从外部容器拖动项目时,您可以使用"ui.helper.scrollHeight“来稳定结果,而不是使用"ui.item.height()”。

代码语言:javascript
复制
$( ".column" ).sortable({
    connectWith: ".column",
    start: function(e, ui){
        ui.placeholder.height(ui.helper[0].scrollHeight);
    }
});
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6140680

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档