Question

所以，基本上我正在尝试使用draggable和droppable函数来创建它。它的javascript是这样的：

$(init);

function init() {
    $('#HeaderDrag').draggable({
        cursor: 'move',
        revert: true,
        containment: '#Content2'
    });

    $('#header').droppable({
        accept: '#HeaderDrag',
        drop: handleDropEvent

    });
}
function handleDropEvent(event, ui) {
    var draggable = ui.draggable;
}

DIVS：

    <div id="HeaderDrag"> Header </div>
    <div id = "header">drop me here</div>

我可以拖动名为“HeaderDrag”的div，但是当我尝试将它放到div“header”上时，它不起作用，“HeaderDrag”只是简单地恢复到原来的位置。我怎样才能使它成功运行，以便它成功地放到div“标题”上，但不能放到我将来可能创建的其他div上，只能放到名为“header”的div上。

Answer 1

我不确定你想要发生什么，但这是我的尝试：

$('#HeaderDrag').draggable({
    cursor: 'move',
    revert: true
});

$('#header').droppable({
    accept: '#HeaderDrag',
    drop: handleDropEvent
});

function handleDropEvent(event, ui) {
    $(this).append($('#HeaderDrag'));
}

JSFiddle：http://jsfiddle.net/kW3TB/

使用JQuery让用户将文本拖放到特定的DIV中

1 个答案: