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

Question

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

这是我的dra，drop n获取坐标的代码。现在，我要在获取位置后添加弹出消息。在弹出消息中，我要添加->命名您的位置，并可以保存在数据库。

这是我的代码：

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