- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
对于我试图解决的问题,我有一个表格,每行都有唯一的内容。允许通过句柄对行进行重新排序,并且每行的内容并不总是具有统一的高度。有时,一行中会出现大量文本和/或图像。
也可以有多个表的行可以重新排序,因此我使用包含属性来防止拖入其他区域以及拖到所需区域之外时出现的其他问题。
问题是当我试图将一个“高”行拖到订单的顶部或底部时,顶部和底部比较“短”。基本上我不允许将高行拖到这些位置。我一直在寻找解决方案,但结果很短。任何帮助,将不胜感激。
这里的工作示例:http://jsfiddle.net/jeffvoigt/XyPzf/
中间两行都不能拖到列表的顶部或底部。
HTML:
<div class="container">
<table id="sortable">
<tr class="odd">
<td><p>[=]</p></td>
<td>Single Line of Text</td>
</tr>
<tr class="even">
<td><p>[=]</p></td>
<td>Aenean porta, tellus quis auctor elementum, risus ante ornare augue, eu elementum nunc libero ut nisi. Pellentesque sed vestibulum tellus. Proin convallis enim eget felis iaculis viverra vestibulum lorem semper. Aliquam imperdiet viverra lorem, ut dignissim felis laoreet vel. Suspendisse fermentum neque eu est vestibulum bibendum. Maecenas dignissim egestas tempor. Ut tincidunt metus sed felis ornare nec sollicitudin risus gravida. Duis vitae mauris quis risus ultricies malesuada. Nulla facilisi. Phasellus fringilla, arcu eget congue sollicitudin, lorem elit ullamcorper ante, non fermentum orci mauris at tellus. Maecenas suscipit sodales molestie. Mauris luctus porta dui non volutpat.</td>
</tr>
<tr class="odd">
<td><p>[=]</p></td>
<td><img src="http://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" /></td>
</tr>
<tr class="even">
<td><p>[=]</p></td>
<td>Single Line of Text</td>
</tr>
</table>
</div>
$( "#sortable tbody" ).sortable({
axis: "y",
containment: ".container",
cursor: "move",
handle: "p"
});
最佳答案
问题是您的 handle 的位置决定了排序相对于它位于其顶部的 handle 的 Y 位置。因此,为了演示,请转到 jsFiddle 并将 valign=top 添加到您的大文本区域。 handle 移动到可排序元素的顶部,当您将其拖动到短文本行所在的顶部时,它会卡入到位,但您无法将其排序到底部。但是,如果您将 fiddle 更新为 valign=bottom,您可以将其捕捉到底部而不是顶部。
解决方案是要么让你的整个内容区域成为一个可排序的句柄,要么将你的句柄移出内容的左侧(使“仅可排序”区域)并仅拖动句柄(而不是内容),然后允许内容区域更新新的排序。
基本上,它需要重新设想或设计以使其正常运行。
关于jquery-ui - jQueryUI Sortable - 如果设置了包含和句柄,则无法将大元素拖动到顶部或底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14364379/
我设置了 Helm 柄和 Helm 柄。我有tiller-deploy。昨天,我可以定期运行了。但今天我收到此错误消息 Error: could not find a ready tiller pod
我以前已将分er安装到特定的 namespace 中。 我设置了一个环境变量来设置'tiller'命名空间-但我不记得该环境变量的名称-而且似乎无法通过网络搜索找到它。 这是什么 key ? 最佳答案
当我在 View 模型中使用如下界面时 class MainViewModel @ViewModelInject constructor( private val trafficImagesR
我正在尝试找到如何在某个 fragment 相关场景中定义 Hilt 的解决方案。我有以下设置: Activity 父 fragment 1 子 fragment 1 子 fragment 2 ...
Hilt 指出如果没有@Provides 注解就不能提供这个接口(interface): interface PlannedListRepository { fun getAllLists()
我的问题非常简单明了:两个注释/示例之间有什么区别: 例子一 @Singleton class MySingletonClass() {} @Module @InstallIn(FragmentCom
我是一名优秀的程序员,十分优秀!