javascript - 当包含元素有滚动条时如何正确网格？

Question

请先听懂我的英文!!! 我正在为一个进度项目做拖拽!我在拖动元素(事件)来更新事件时遇到麻烦。我使用 50px 将半小时设置为一个 td，这样我就可以轻松地使用 grid [50,0] 进行拖动。在当前 View 元素中没问题，但在我拖动到可滚动包含部分后，网格没有采用正确的像素!如何在可滚动包含元素中正确拖动网格!

JS Fiddle Link

Answer 1

在我不断解决我的问题之后!我自己得到了一些可能的答案!我在滚动模式下通过 droppable drop 方法检测到不正确的网格!这样我可以检查我的拖动元素已达到哪个 td 间隔并获取最近的 td 偏移量。这样我可以在滚动模式下拖动时解决我的正确网格

$("tbody tr").droppable({
    drop:function(e,ui){        
        var same = false;
        $("td").each(function(){
            console.log($(this).offset().left +"=="+ $(ui.helper).offset().left);
            if($(this).offset().left == $(ui.helper).offset().left){
                same = true;
                return false;
            }           
        });
        if(same) {
            return false;
        }
        $("td").each(function(){
            if($(this).offset().left <= $(ui.helper).offset().left && $(ui.helper).offset().left <= $(this).next().offset().left){              
                $(ui.helper).css("left",$(this).offset().left - $(ui.helper).parent().offset().left);
                return false;
            }   
        });
    }
});