1

問題が 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) {

    // 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);
    }

    });

コードにポップアップメッセージを追加するにはどうすればよいですか?お願いします...誰か?

4

1 に答える 1

0

次のようにアラートを使用できます。

alert('xPos: ' + xPos + ', yPos: ' + yPos);

それを停止コールバック関数に入れたいと思うでしょう。書き込んだ DOM 要素から値を読み戻すか、関数の外側で値を定義xPosして、コールバックでアクセスできるようにします。yPosdragstop

もっと派手なものが必要な場合は、よく文書化されたモーダル ダイアログ用の jQuery プラグインが数多くあります。

これは私が通常使用するプラグインです: http://jquery.malsup.com/block/ jQuery UI ダイアログ を調べることもできます

ブロック UI を使用する場合、メッセージを次のように設定します。

$.blockUI({
   message: 'Set any message here as a string'
});
于 2012-06-14T02:16:54.340 に答える