jQuery拖放到突出显示的框

时间:2010-11-21 14:07:55

标签: javascript jquery drag-and-drop revert

我有这个脚本。好吧,我希望士兵只能在突出显示的方框中掉落。 我尝试接受:$(选择器)并恢复:“无效”,但它似乎不允许它甚至在未突出显示的框上被删除。

1 个答案:

答案 0 :(得分:0)

最初禁用所有droppables,然后在拖动启动例程期间使$('.cell .validmove')可放置,并向拖动器添加revert: "invalid"选项,以便在未放入有效单元格时向后移动,如果这就是你想要的。顺便说一下,你可能会更好地完成drag()事件start()下的stop()事件并恢复drag(),因为unit.draggable({ start: function() { startGrid.addClass("validmove").droppable("option", "disabled", false); }, stop: function() { startGrid.removeClass("validmove").droppable("option", "disabled", true); }, cursor: "move", revert: "invalid" }); 事件在您移动时会持续触发。< / p>

draggable()

如果您希望设备与网格对齐,请指示它使用drop()中的网格/捕捉选项,或在{{1}}事件中添加一些代码以将设备设置为动画以放置

NB。 CSS在Chrome中无法正常运行,网格无法显示,在Firefox中运行良好。