1

我有1个问题..我必须拖放一个图像..然后在拖放后获取图像的位置...然后，当我拖动它并获取位置时，我需要使用jquery显示一条弹出消息。 。谁能帮我？请给我看演示和清晰的解决方案，因为我是 jquery 的新手..谢谢你们！

这是我的 dra,drop n get coordinate..now 代码，我想在获取位置后添加弹出消息..在弹出消息中，我想添加 --> 命名您的位置并可以保存在数据库。

   $('#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 Dialog

使用块 UI 时，您可以这样设置消息：

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