Справка по изменяемому размеру jquery
Я настроил div, который можно изменить размер:
$("mydiv").resizable();
Теперь, когда вы идете, чтобы изменить его размер вправо, курсор исчезает из фактической части изменения размера. Поэтому, если курсор касается боковой части экрана, вы должны отпустить мышь, вернуться назад и снова начать изменять его размер, если хотите увеличить его. Я знаю, что с помощью draggable'а есть опция для cursorAt, которая скажет курсору оставаться на этом div. Я посмотрел на jquery ui.com, но не увидел курсор для изменения размера. Есть ли способ удерживать курсор мыши на изменяемой части при изменении размера?
1 ответ
Ах, я вижу, виновник, кажется, то, что вы указали:
"Это потому, что другой div, который я изменяю, имеет свойство margin:0 auto
"
имеющий 0 auto
означает, что левый, правый запас автоматически настраивается для балансировки, что будет централизовать div
элемент. Я не думаю, что вы хотите изменить размер таким образом, как позиция div
перемещается, пока вы изменяете размер, чтобы оставаться в центре.
Мое предложение, удалите auto
настройка для вашей наценки.
Обновить:
Я запустил это в firebug на демо-странице с изменяемым размером: $("#resizable").css("margin","0 auto");
центрировать поле, используя auto
поле
Вот скриншот того, что у меня есть:
http://i35.tinypic.com/2iw1uom.png
Курсор изменения размера отодвигается от угла поля, чем больше вы перетаскиваете от оригинального размера.
Однако это все еще работает, хотя "опыт" кажется странным.