0

問題が 1 つあります。画像をドラッグ アンド ドロップする必要がありました。ドロップ後に画像の位置を取得する必要がありました。次に、ドラッグして位置を取得するときに、jquery を使用してポップアップ メッセージを表示する必要があります。 .誰でも私を助けることができますか? 私はjqueryが初めてなので、デモと明確な解決策を見せてください..ありがとうございます!!

これは私のdra,drop n get座標のコードです..今、私は位置を取得した後にポップアップメッセージを追加したい..ポップアップメッセージで、私は追加したい->あなたの場所に名前を付けて、に保存することができますデータベース。

これは私のコードです:

     $('#dragThis').draggable({
    cursor: 'move',        // sets the cursor apperance
    containment: '#dragThis2',
    drag: function() {
    var offset = $(this).offset();
    var xPos = Math.abs(offset.left);
    var yPos = Math.abs(offset.top);
    $('#posX').text('x: ' + xPos);
    $('#posY').text('y: ' + yPos);
    },
   stop: function(event, ui) {
    $(document).ready(function() { 
    $('#dragThis').click(function() { 
    $.blockUI({ message: $('#loginForm') }); 
    setTimeout($.unblockUI, 2000); 

   }); 
    }); 



    // Show dropped position.



    var Startpos = $("#dragThis").position();
    var Stoppos = $(this).position();
    $("#dragThis").val((Stoppos.left - Startpos.left));
    var left = Math.abs(Stoppos.left);
    var top = Math.abs(Stoppos.top);

    $('#posX').text('left: ' + left);
    $('#posY').text('top: ' + top);





}


});

これは、xy 座標を含む画像の写真です。画像を何らかの方法でドラッグしてドロップすると、ポップアップ メッセージが表示されます...どうすればいいですか??助けてください....

ここに画像の説明を入力

4

1 に答える 1

0

jQuery UI とそのDialogの動作を使用した方が結果が良くなるかもしれませんが、それがオプションでない場合ややり過ぎの場合は、要素を作成して完全に配置するのは非常に簡単です。

ページの中央にあるリンクをクリックすると、メッセージを含む DIV がビューポートのほぼ中央に表示される例を次に示します: http://jsfiddle.net/HackedByChinese/ZxCUb/5/

于 2012-06-15T01:47:29.800 に答える