在jQuery中隐藏/显示占位符可排序

时间:2017-02-16 12:08:20

标签: javascript jquery jquery-ui

我无法隐藏并在.Query的.sortable中显示占位符。 请参阅JSFiddle

(请忽略布局。在我的实际网站上看起来更好......)

(另请注意,第一个dropzone已被禁用..)

我想要的是当达到最大4滴时,禁用放置区中的占位符(右边的8)。 我可以拖放两种方式,当达到最大4滴时,我确实设法禁用右侧的占位符显示。 但是,我怀疑我的代码会阻止占位符在原始区域中显示,因为原始区域中有超过4个元素。

我试图通过使用额外的变量来确定我在拖放时的位置,如下所示:

var item = $(ui.item);
var from = item.parent().is("#draggable");

然后使用if / else if / else构造来检测我的位置,从而决定隐藏或显示占位符。

无法让它发挥作用......

因此,我们的目标是始终显示占位符,除非在右侧的下拉区中发生了最多4次下降。

任何人都知道我是否走在正确的轨道上?

1 个答案:

答案 0 :(得分:0)

好的,我想通了(差不多!)

供将来参考:必须使用over:的{​​{1}}函数,并且必须构建一些if then else逻辑。

现在我总是在左窗格中看到占位符,当右窗格有4个子窗口时,占位符不再显示,而在右侧窗格中的一个窗格中拖放时仍显示占位符。但是,还有一个小问题:当我从右侧的一个窗格拖放到右侧的另一个窗格,并且窗格是“已满”时,占位符仍会出现。我想要做更多的检查......

FWIW:请在this JSFiddle

查看完成的产品