我一直在尝试使用JQuery UI创建可调整大小的div,它还会调整div中包含的表的大小。

$("#WorkRequests").resizable({
        minWidth: $("#WorkRequests").width(),
        maxWidth: $("#WorkRequests").width(),
        handles: 's',
        resize: function (event, ui) {
            var minRows = 10;
            var rowHeight = 35;
            var rows = $("#tbl-WorkRequests-page-size").val();

            if ((rows * rowHeight) > $("#WorkRequests").height()) {
                if (rows > minRows) {
                    $("tbl-WorkRequests-page-size").val((rows - minRows).toString());
                } else {
                    return false;
                }
            }
        }
    });


但是,当他们将div的大小调整得太小而使其达到“返回false”时;它不会像其他JQuery ui一样取消resize事件。为什么?

也是下面的行:

$("tbl-WorkRequests-page-size").val((rows - minRows).toString());


应该设置选择列表的值,但是没有设置,为什么?

最佳答案

简短的答案是:这是不可能的,因为不能正确实现可拖动。 return false应该停止该事件,但是不幸的是,这不能正确实现以调整大小。

10-07 21:59