0

我有一些纯文本段落,其中包含特定的单词。hilited 的单词是可拖动的。开始拖动时,我希望以更高的 z 顺序扩展顶部和底部范围(仅垂直)的 div,并允许向上和向下拖动单词(#word)那个空间(容器:父)。计划在某个时候将它放在该区域内的一个可丢弃物上。

在这一点上,我的问题是我用填充扩展#hilite ...这会增加 div 的大小而不会增加可用空间。使用 Resizable 会更好吗?还是动画?我已经看到了许多使用 Resizable 的建议,但我认为这是针对用户调整大小而不是编程。

对于 droppables,我认为一旦创建了空间,我将换出 .css('display', '[none|block]') 以在#hilite div 中显示它们并使它们成为有效目标。

http://jsfiddle.net/monsto/GCsnM/我有自动取款机。

(哦,顺便说一句,我讨厌人们想出 jsfiddle。这简直太天才了。

4

2 回答 2

0

您的容器是一个跨度,默认情况下是一个内联元素,它不能显示块属性。你必须告诉它表现得像块

#hilite { display: inline-block; }

演示

而你给的选项vertically是假的,给Y在这里阅读

于 2012-04-11T17:13:39.527 回答
0

我不完全知道你想做什么,但如果你有#word一个包含父项的可拖动对象,即#hilite,则不会移动。并且'vertically'不是可拖动的正确参数,而是使用'x'or 'y'

更新 JSFiddle:http: //jsfiddle.net/GCsnM/9/

于 2012-04-11T16:56:35.893 回答