Question

jQuery UI 的拖拽范围问题

我使用jQuery UI实现拖拽时，设置控件的拖拽范围：
$('.selector').draggable('option', 'containment', [x1,y1,x2,y2]); //x1、y1、x2、y2是动态变化的

为什么只能对下一次拖拽生效，对当次拖拽没有效果？
怎样才能对当次拖拽有效
$(function() {
$( "#draggable5" ).draggable({
start: function(event,ui){
$(this).draggable('option','containment',[x1,y1,x2,y2]);
}
});
});
现在的问题是设置拖拽范围总是在下一次生效，要怎样才能对当次拖拽生效

Answer 1

这个问题用containment无解，除非你修改jquery源码。建议的方式是把containment定义到你所允许的最大范围，然后在start的时候，对于你允许的接收点修改其css让他们与众不同，然后在stop事件的时候判断接受/拒绝这次拖拽的操作。

Answer 2

可以在开始的时候设置containment。
$(function() {
$( "#draggable5" ).draggable({
'containment':[x1,y1,x2,y2]
});
});

x1,y1,x2,y2变化的时候调用
$( "#draggable5" ).draggable("option", "containment", [x1,y1,x2,y2]);

Answer 3

你是不是不太明白 jquery draggable的用法？好像不是这样搞… =_=|||