所以我正在努力制作可拖动的图像。
非常简单,当您将图像拖动到左侧或右侧的特定位置时,我希望图像可以捕捉回左侧或右侧。
在下面的小提琴中,我具有左侧的功能。但是我不太确定确定右侧的最佳方法是什么,因为Jquery只允许top和left属性。
考虑以下代码:
$(function() {
$(".headerimage").css('cursor', 's-resize');
var y1 = $('.picturecontainer').height();
var y2 = $('.headerimage').height();
$(".headerimage").draggable({
scroll: false,
drag: function(event, ui) {
if (ui.position.left >= 200) {
ui.position.left = 0;
}
},
stop: function(event, ui) {
//####
}
});
FIDDLE
最佳答案
那这个呢
drag: function(event, ui) {
if (ui.position.left >= 200 || ui.position.left <= -300) {
ui.position.left = 0;
}
},
http://jsfiddle.net/nk7wc/10/
$(function() {
$(".headerimage").css('cursor', 's-resize');
var y1 = $('.picturecontainer').height();
var y2 = $('.headerimage').height();
$(".headerimage").draggable({
scroll: false,
drag: function(event, ui) {
if (ui.position.left >= 200 || ui.position.left <= -300) {
ui.position.left = 0;
}
},
stop: function(event, ui) {
//####
}
});
});
检查position.left的负值