-3

画像を 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;
    }

    });
}

ダイビングに追加する代わりに、この画像をマウスに添付してどこにでもドロップする必要があります。

4

1 に答える 1

0

呼び出すだけでdraggable()は、実際には要素がマウスの位置にアタッチされません。

また、イベントを聞いているclick場合は、関数をトリガーしたときにマウスボタンがすでに「上」になっていnoteDragFuncます。

イベントをに変更すると、あなたがやろうとしていることがうまくいくかもしれません.mousedown()が、私はそれを当てにしません。ユーザーは、実際にNewNotedivをクリックする必要があります。

ドラッグ可能なもの以外のものを使用する必要があるかもしれません。

于 2013-03-01T02:36:46.780 に答える