Блог

Главная - Вопросы по программированию - средство изменения размера jquery div, подобное stackoverflow one

средство изменения размера jquery div, подобное stackoverflow one

#jquery #html #resize

#jquery #HTML #изменить размер #изменение размера

Вопрос:

У меня на странице div с возможностью изменения размера только по вертикали. Я бы хотел поместить дескриптор «grip», подобный тому, что есть на этой странице, в нижней части текстовой области в разделе «Ваш ответ». Как я могу это сделать?

Комментарии:

1. также зависит от браузера. Chrome всегда использует IE onyl, если вы специально указываете это через CSS. Найдите «TextBox Resize CSS» в SO или вашей любимой поисковой системе…

Ответ №1:

Как насчет изменяемого взаимодействия с пользовательским интерфейсом jQuery?

 $('some-selector').resizable({
    handles: 's',
    maxWidth: 300,
    minWidth: 300
});

Демонстрация:http://jsfiddle.net/mattball/6H4Nc /

Комментарии:

1. Вы сказали «div», и вы сказали «только по горизонтали». Это div или textarea, и можно ли изменять его размер по горизонтали или по вертикали?

2. Ручка не отображается. Однако я бы хотел иметь тот же стиль, что и у stackoverflow: P

3. @Мэтт. Да, я ошибся. Я бы хотел сказать «вертикальный». В любом случае, как есть на этой странице.

4. Хорошо, тогда это просто вопрос CSS. Используйте инструменты разработчика Firebug или Chrome / Safari, чтобы посмотреть, как SO это реализует.

5. Спасибо. Я использовал IE one, но безуспешно.

Ответ №2:

Текстовое поле поставляется с этой функциональностью, но вы могли бы заглянуть в jQuery UI с возможностью изменения размера