jQuery UI Draggable - 在网格上显示位置

Question

我实现了一个简单的jQuery UI draggable： -

 $(".widget").draggable({
                    handle: ".widget-header",
                    grid: [ 20, 20 ] 
    });

可拖动项只是一个带有标题类的div，我将其用作句柄（如对话框）。

我正在尝试做的是这样，当我拖动项目时，div后面会出现一个微弱的虚线或虚线框，以显示它将被放置在网格上的位置'。我已经看过'droppable'下是否有任何可用的东西，但我正在解开。