Отключить изменение размера угла, но сохранить горизонтальное и вертикальное изменение размера в JQuery?

Итак, я возился со свойством JQuery изменяемого размера и в последнее время не нашел подходящего типа для того, чего я пытаюсь достичь.

В следующем примере показано, что вы можете изменять размер как по вертикали, так и по горизонтали, чего я и хочу, но вы также можете перетаскивать угловую рамку, чтобы изменить размер, что мне не нужно. Есть ли способ удалить это поле, чтобы изменить его размер только путем перетаскивания краев контейнера?

$( "#resizable" ).resizable();

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<link rel = "stylesheet" type = "text/css" href = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id = "resizable" class = "ui-widget-content">
    <h3 class = "ui-widget-header">Resizable</h3>
</div>

javascript html jquery

11.12.2020 02:45

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

ознакомьтесь с их документами здесь: https://api.jqueryui.com/resizable/#option-handles

это то, чего вы хотите достичь?

$( "#resizable" ).resizable({ handles: "n, e, s, w" });

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<link rel = "stylesheet" type = "text/css" href = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id = "resizable" class = "ui-widget-content">
    <h3 class = "ui-widget-header">Resizable</h3>
</div>

11.12.2020 02:58

Другие вопросы по теме

Angular 10: ОШИБКА Ошибка: поле mat-form должно содержать MatFormFieldControl

Как выровнять текст span и элемент ввода по горизонтали

Скрыть iframe, но показать поле запроса на tumblr

Проверка пароля JavaScript onkeydown не работает

Как установить страницу предварительного просмотра при зацикливании данных

Как сделать поле ввода как текстовое поле с заполнителем для ввода пароля?

Получить случайный элемент из некоторых объектов в Array Javascript

Как опубликовать первое значение набора запросов в HTML?

Angular - снять все флажки

Почему между моим логотипом и панелью навигации есть огромный кликабельный разрыв и как от него избавиться?

Отключить изменение размера угла, но сохранить горизонтальное и вертикальное изменение размера в JQuery?

Ответы 1

Другие вопросы по теме

Похожие вопросы