jquery - jQuery UI 可调整大小对齐大小

Question

我有一个可调整大小的左侧导航。默认宽度为 200，我希望调整器对齐到该宽度。目前我有这个运行良好的 if 子句，但我不知道如何以编程方式捕捉到该宽度。

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

如果有人可以在这里帮助我会很棒:)

Answer 1

好的，让它工作。只需将元素的宽度设置为 200。它的容差为 15px，因此如果元素在 185 和 215px 之间，它将对齐到 200px。

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

Answer 2

在那里： http: //jqueryui.com/resizable/#max-min你可以使用这个：

$(function() {
    $( "#left" ).resizable({
      maxWidth: 200,
      minWidth: 20
    });
});

Answer 3

怎么样$(ui).width(200);？请注意，我不知道ui您的代码中有什么，因此您可能需要调整jQuery选择器。

Answer 4

我会检查一个范围内的宽度，以便从任一侧发生“捕捉”。

resize: function (event, ui) {
    if(ui.size.width >= 180 && ui.size.width <= 220){
        // snap to 200 width
    }
}