使元素在其自身的mousedown事件上隐式拖动

Question

您好，我正在尝试使用以下代码来使clicked元素在运行时可拖动，但是在第一次单击其工作正常后，其第一次单击对任何元素都不起作用，我不知道为什么会发生，请帮帮我。 矿山代码如下：

$(document).ready(function(){   
    $(document).mousedown(function(event) {
        $("#"+$(event.target).attr("id")).draggable();
        console.log($(event.target).attr("id"));
    });
});

Answer 1

您的.draggable调用位于mousedown处理程序中-这样，在首次单击时mousedown其初始化。 您可以在$(document).ready处理程序中对其进行初始化，以使其在第一次单击时起作用：

$(document).ready(function(){   
    $("div.dragMe").draggable();
    $(document).mousedown(function() {
        console.log($(this).attr("id"));
    });
});

在此代码中，所有具有class="dragMe" div都将变为可拖动的。