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

Question

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

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

我想知道我将其调整到左侧或右侧。

Answer 1

似乎没有任何事情要处理。我建立了一个工作小提琴： 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);
        }
    });
});

“神奇”很容易。我在resize事件中检查宽度两次并将其保存到全局变量。因此，您要将两个数字进行比较：框的当前宽度和下一个调整大小事件之前的宽度。