Jquery UI拖放在删除时向网格添加复选标记

Question

一个简单的问题也许有人知道答案。

我有一个拖放操作，我旁边有一个网格框，这是进行数据检查所需要的，所以当拖动一个拖动时，我想勾选它，当它被拖出时我想取消注意但不确定使用什么试过jQuery Ui的功能，但它不起作用。

$('#td2').droppable({
        accept: "#r3,#r4",
        over: function( event, ui ) {
                $('#Q1v1_1').attr('checked', true);
                $('#Q1v1_1').prop('checked', true);
} 

Answer 1

您应该使用drop事件而不是over事件。使用over时，复选标记将显示在您拖动的每个单元格上。

$('#td2').droppable({
    accept: "#r3,#r4",
    drop: function( event, ui ) {
        var $el = $(event.target),
            draggable = ui.draggable,
            drId = draggable.attr("id");
        // This is if dropping in a td and the checkbox is its child
        if (drId === "r4") {
            $el.find("input[type=checkbox]").attr('checked', 'checked');
        }
    }
});