隐藏在自己的mousedown事件中使元素可拖动

Question

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

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

Answer 1

您的.draggable来电位于mousedown处理程序中 - 这样就会在第一次点击时初始化。您可以在$(document).ready处理程序中初始化它，而不是让它在第一次点击时起作用：

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

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