Question

我一直在尝试使用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());

应该设置选择列表的值，但不是，为什么？

谢谢，亚历克斯。

Answer 1

简短的回答是：这是不可能的，因为没有正确实现draggable。 return false应该停止事件，但遗憾的是，对于可调整大小，这没有正确实现。

Answer 2

原来这一行

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

我错过了＃，抱歉，我应该发布html。

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

谢谢，亚历克斯。

JQuery UI resizable无法以编程方式取消调整大小

2 个答案: