jQuery UI 可调整大小对齐大小

Question

我有一个可调整大小的左侧导航。默认宽度为 200，我希望缩放器能够捕捉到该宽度。目前我有这个 if 子句，它工作正常，但我不知道如何以编程方式捕捉到该宽度。

resize: function (event, ui) {
    if(Math.abs(200 - ui.size.width) <= 20){
        // snap to 200 width
    }
}

如果有人能在这里帮助我，那就太好了:)

Answer 1

好的，工作正常了。只需将元素的宽度设置为 200。它的容差为 15 像素，因此如果元素在 185 到 215 像素之间，它将捕捉到 200 像素。

$("#left").resizable({
minWidth: 60,
handles: "e",
resize: function (event, ui) {
    if(Math.abs(200 - ui.size.width) <= 15){
        $("#left").css("width", 200);
    }
}