Question

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

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
    }
}

jQuery UI可调整大小

4 个答案: