jQuery拖放到突出顯示的框

Question

我有這個腳本。那麼我想讓這名士兵只能在突出顯示的方框中掉落。 我試圖接受：$（選擇器）並恢復：「無效」，但它似乎不允許它被刪除，即使在未加亮的框上。

Answer 1

最初禁用所有可放置物品，然後在拖動開始例程中使$('.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" 
}); 

如果您想讓裝置與網格對齊，或者指示它使用網格/在draggable()捕捉選項，或在drop()事件添加一些代碼到單元中發生動畫。

注意： CSS在Chrome中無法正常工作，網格不顯示，在Firefox中正常工作。