Question

我正在尝试将图像动态附加到mousemove，然后将其放到div或。喜欢发布便笺。

让我解释一下。完成文本输入后，单击“提交”。该框将消失，后期图像将附加到鼠标并放在div中的任何位置。

    Function dataInputfn () {
    $('#dataInput').fadeIn();   
}

$('#submitTest').click(function(){
    $ ('#dataInput'). Fadeout ();
    $('<div id="NoteNew" class="dragNote"><img src="image.jpg" width="60px"/></div>').appendTo($('#div'));
    //Cursor:url(images/image0.jpg);
    noteDragFunc();
    });

Function noteDragFunc () {
    $( "#NoteNew" ).draggable({ revert: "invalid", stack: "#NoteNew"});
    $( "#chart" ).droppable({
    drop: function( event, ui ) {
        var coord = ui. draggable. position ();
        alert (coord. top);
        btnDrop = true;
    }

    });
}

我不需要附加潜水，而是需要将此图像附加到鼠标并放在任何地方。

Answer 1

只需致电draggable()，实际上不会将您的元素附加到鼠标的位置。

此外，如果您正在收听click事件，则鼠标按钮已经是＆＃34; UP＆＃34;当你触发noteDragFunc功能时。

如果您将活动更改为.mousedown()，那么您尝试做的事情可能有效，但我不会依赖它。用户仍然需要实际点击NewNote div。

您可能需要使用除可拖动之外的其他内容。

动态图像附加到鼠标上下拉

1 个答案: