JQuery UI - при изменении размера плавающего div по горизонтали, высота также изменяется - PullRequest
Новая
       3

JQuery UI - при изменении размера плавающего div по горизонтали, высота также изменяется

0 голосов
/ 15 марта 2012

У меня есть фрагмент кода, где нажатие на сетку создает DIV с абсолютной позицией, фиксированной высотой 8px и нижним, левым и шириной.Я использую jquery UI для реализации перетаскивания и изменения размера (я включил файл CSS и файл jquery-ui js.

Я установил дескрипторы изменения размера на «w, e», поэтому его можно изменять только по горизонтали.работает нормально, но дно и высота изменяются, потому что после трехкратного изменения размера div составляет всего 2 пикселя. Кажется, он теряет 2 пикселя за "сеанс изменения размера".

Я использовал http://jqueryui.com/demos/resizable/ какНапример, где это работает нормально. Так что здесь происходит не так?

некоторый код (упрощенно): 

var left = 200;
var width = 120;
var invertedRowIndex = 8; // calculated in real code
var ROW_HEIGHT = 17;
var jqo = $("div.grid");
var bottom = (invertedRowIndex * ROW_HEIGHT) + "px";
var html = "<div class=\"mybar\" id=\"bar1\" style=\"left: " + left + "px; bottom: " + bottom + "; width: " + width + "px\"><!-- fill --></div>";
jqo.append(html);
var jq = $("div#bar1").addClass("cursor-pointer");
jq.resizable({
        handles: "w, e",
        grid: [10, 10],
        minHeight: 8,
        maxHeight: 8,
        minWidth: 10
    });

1 Ответ

0 голосов
/ 22 августа 2012

Я решил это так, как Энди упомянул в комментарии:

"вы можете попытаться сбросить высоту элемента внутри события stop изменяемого размера"

...