javascript - 动态添加的可拖动对象第一次不起作用

Question

我正在将可拖动功能添加到特定用户事件(按住事件)上的元素。拖动功能第一次不起作用。

    Hammer(element).on("hold",function(event){
        console.log("hold");
        $(element).draggable({
                helper: "clone",
                cursorAt: { left: 5, top: -5 },
                cursor: "move",
                stop: function() {
                        $(element).draggable("destroy");
                }
        });
    });

在上面的代码片段中，按住事件触发了可拖动功能，但它仅在我释放按住并下次尝试时才起作用。如何使拖动本身暂停而不是下次拖动？

编辑:

在jsbin中添加了示例代码。

Answer 1

如何在可拖动对象上使用延迟而不是按住 Hammer 事件？

 $(element).draggable({
                helper: "clone",
                cursorAt: { left: 5, top: -5 },
                cursor: "move",
                stop: function() {
                        $(element).draggable("destroy");
                },
   start: function() {
     console.log("start");
   },
                delay:300
        });