如何在jquery中添加弹出消息？

Question

我有一个问题..我不得不拖拽一个图像..然后在放下后得到图像的位置...然后，当我拖动它并获得位置时，我需要显示一个弹出消息使用jquery ..任何人都可以帮助我吗？请告诉我演示和清晰的解决方案，因为我是jquery的新人。谢谢你们！

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

这是我的代码：

     $('#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坐标的图像的图片，我希望当图像以任何方式拖动然后掉落，然后会出现一条弹出消息......怎么办？请帮助....

Answer 1

如果您使用jQuery UI及其Dialog行为，您可能会更喜欢结果，但如果这不是一个选项，或者是过度杀伤，那么创建和绝对定位元素是非常简单的。

这是一个示例，当您单击页面中心的链接时，带有消息的DIV将在视口中大致居中显示：http://jsfiddle.net/HackedByChinese/ZxCUb/5/