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