启动可从HTML5拖动的jQuery UI拖动

时间:2016-09-12 04:17:26

标签: javascript jquery jquery-ui draggable jquery-ui-draggable

我有一个带有HTML5可拖动元素的窗口。

当我将此元素拖动到另一个窗口时,我可以像这样接收事件。

例如,以下代码允许我从另一个窗口拖动一个元素并将其放入div#draggable中。从那里我可以将其设置为可拖动的jQuery UI div,我可以按照您的预期使用它。

以下是从其他窗口接收此拖动元素的代码:

$('#draggable')
    .bind('dragenter', function (ev) {
        console.log('enter');
        return false;
    })
    .bind('dragover', function (ev) {
        //console.log('over');
        return false;
    })
    .bind('dragexit', function (ev) {
        //console.log('exit');
        return false;
    })
    .bind('drop', function (ev) {
        var dt = ev.originalEvent.dataTransfer;

        var newDraggableElement = $('<span>New Element</span>');
        newDraggableElement.data('stuff', dt.getData('stuff')).draggable();
        $(this).append(newDraggableElement);

        return false;
    });

我的问题是 - 有没有办法可以触发jQuery UI可拖动事件,所以我不必放弃它然后再开始拖动它?

希望一切都有道理,欢呼。

0 个答案:

没有答案