Изменение размера нескольких областей с помощью jQuery

0

Меня попросили создать интерфейс, в котором нужно будет изменять размеры нескольких областей одновременно с помощью jQuery. Я посмотрел на jQuery изменяемого размера и может изменить размер одной области.

Теперь, когда я подумаю об этом, я пытаюсь сделать что-то похожее на JS Bin с тем, как они изменяют размеры своих столбцов.

Как это возможно? Также было бы хорошо, если бы точки привязки могли приспособиться к стартовой сетке.

Теги:
jquery-ui-resizable

1 ответ

1
Лучший ответ

Я не знаю, как вы можете это сделать с изменением jQuery resizable но на самом деле это довольно простой способ сделать с помощью специального кода. Вот FIDDLE, который я сделал без проблем. Конечно, он не на 100% готов к работе, но с небольшим количеством работы вы можете использовать его в любом случае.

Идея заключается в том добавление div с 0px width и 1px border в качестве разделителя между вашей основной divs. Определить некоторые глобальные vars, чтобы проверить текущую позицию мыши и мыши вниз/вверх операций и просто с mousemove уменьшить размер divs на левой и правой стороне поверхности разделителя соответственно. Проверьте скрипку. Я считаю, что это не слишком сложно. Я могу что-то объяснить, если вам нужно.

Поделиться
  • 0
    Отлично, спасибо за этот ответ. Я уже думал о том, чтобы просто следить за положением мыши, но наткнулся на статьи, в которых рассказывалось о изменяемых размерах. Большое спасибо, отличный ответ
  • 0
    Ура, приятель. Рад, если это помогло

Ещё вопросы

Сообщество Overcoder
Наверх
Меню