我有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 坐标的图像的图片,我希望当图像以任何方式拖动然后放下时,会出现一个弹出消息...怎么办??请帮忙....