jQuery UI 的拖拽范围问题

Question

我使用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。$(function() {$( "#draggable5" ).draggable({'containment':[x1,y1,x2,y2]});});x1,y1,x2,y2变化的时候调用$( "#draggable5" ).draggable("option", "containment", [x1,y1,x2,y2]);