Значение шага для jqueryUI Resizable?

Для других взаимодействий/виджетов jquery есть значения шага.

Как я могу заставить изменение размера увеличиваться/уменьшаться до определенных значений?

Должен ли я сделать что-то подобное? (побочная проблема, для более эффективного взлома, как я могу узнать, размер какой точки компаса изменяется?)

var desiredStepPixels = 8;
var containmentLeftPos = 100;
var containmentTopPos = 250;

$("#resizeDivID").resizable({
    resize: function( event, ui ) {
       var newLeftPxValue = $("#resizeDivID").css("left");
       var leftPxModulus = (newLeftPxValue - containmentLeftPos ) % desiredStepPixels;
       if ( leftPxModulus != 0){
            if (leftPxModulus>(desiredStepPixels/2)){
                var forcedNewLeftPx = newLeftPxValue + (desiredStepPixels - leftPxModulus);
                $("#resizeDivID").css({"left":forcedNewLeftPx});    
            }else{
                //force a round down on the left side
            }
       }
       //and then etc etc for top, width and height!
    }
});

person EnglishAdam    schedule 19.07.2014    source источник


Ответы (1)


Мой плохой, извиняюсь. Конечно, JQuery подумал об этом!

это называется GRID http://api.jqueryui.com/resizable/#option-grid

Прошу прощения, я проверил документацию, но просто не нашел того, что искал!

person EnglishAdam    schedule 19.07.2014