0

我有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) {
    $(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 回答