jQuery UI - 可调整大小。检查方向

Question

我想问一下如何检查 jQuery UI 中可调整大小元素的方向 - 可调整大小。我知道我可以横向检查它：

$(this).data(ui-resizable).axis

我想知道我是向左还是向右调整它的大小。

Answer 1

似乎没有事件可以处理。我设置了一个工作 fiddle： http://jsfiddle.net/wxrm7w23/

window.resizeWidth = 0;
$(function () {
    $("#resizable").resizable({
        containment: "#container",
        resize: function (event, ui) {
            var currentWidth = ui.size.width;
            var direction = (currentWidth > window.resizeWidth) ? 'right' : 'left';
            window.resizeWidth = ui.size.width;
            $('.d #direction').text(direction);
        }
    });
});

"magic" 非常简单。我在调整大小事件中检查了两次宽度并将其保存到全局变量中。所以你有两个数字可以比较：框的当前宽度和下一个调整大小事件之前的宽度。

jQuery UI - 可调整大小。检查方向

jQuery UI - resizable. Check direction

jquery

jquery-ui