首次按下鼠标时初始化可拖动的Juqery

Question

我在一个网页中有数百个可拖拽的项目。我正在考虑在第一次按下鼠标时初始化这些项目的可拖动性。

EX：

$(".draggable-item").on("mousedown", function() {
    $(this).draggable();
});

但是在鼠标悬停后该元素可以拖动。

In simple what i have tried is, when mousedown happens initialize the draggable and do a drag on it then after mouseup destroy the draggable event on it.

我可以这种方式实施吗？还是有更好的方法（针对数百个可拖动项目）处理此问题？