Jquery draggable () предотвращает изменение размера CSS

Question

Если возможно, я бы хотел использовать JQuery draggable() вместе с CSS resize. Но draggable() явно мешает работе resize. Демонстрация: http://jsfiddle.net/zHkQB/123/. Есть идеи как это исправить? Я бы использовал JQuery resizable(), но это тоже не работает.

Answer 1

В частности, вам нужно добавить resizable() в ваш код и удалить вызов CSS, который позволяет изменять размер элемента.Я обновил скрипку здесь:

http://jsfiddle.net/r3kbjwgq/1/

Ваша проблема заключалась в том, что jQuery resizable() конфликтовал с вашим вызовом CSS resize:both, как при нажатии на созданный CSSизменить размер ручки, вы взаимодействуете с элементом.При помощи jQuery создайте дескриптор изменения размера с помощью:

$('#the-thing').resizable({
    handles: 'se'
});

У вас есть jQuery, создающий новый дескриптор изменения размера как отдельный элемент, позволяющий как изменять размеры, так и перетаскивать элемент.

Answer 2

Добавьте resizable() к вашему jQuery:

$("#dragResize").resizable().draggable()