设置'；位置'；可调整大小的jQuery对象的属性

我需要限制页面上多个可调整大小的对象的位置，当我使用“停止”事件检查位置并更改ui.position.left时，它不起作用。我有一个关于一个对象的例子。我试图将左端限制为50px。它在“停止”时检测到正确的位置，但不根据我指定的移动位置。原因是什么

代码如下：

$('#resizable-dealie').resizable(
    {
        handles: 'e, w',
        stop: function(event,ui)
        {
            alert(ui.position.left);
            //don't let user drag outside the container
            if (ui.position.left<50)
            {
                ui.position.left=50;
                alert('(Trying to) move back to 50');
            }
        }
    });

$（“#可调整大小的交易”）。可调整大小(
{
句柄：“e，w”，
停止：功能（事件、用户界面）
{
警报（ui.位置.左侧）；
//不要让用户拖出容器
if（ui.position.left我不知道jQuery Resizeable附带了一个设置西部（或任何）边界的方法，但是您可以使用
.css（）
和一些数学来自己设置样式：

$('#resizable-dealie').resizable({
    handles: 'e, w',
    stop: function (event, ui) {
        if (ui.position.left < 50) {
            $(this).css({
                left: 50,
                width: 150
            });
        }
    }
});

$（“#可调整大小的交易”）。可调整大小({
句柄：“e，w”，
停止：功能（事件、用户界面）{
如果（ui.position.left<50）{
$（this.css）({
左:50,，
宽度：150
});
}
}
});