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]);